html - This div's border is a floating line instead of an actual border -


i might missing basic. it's simple:

.items {    float: left;    font-family: 'arial', sans-serif;    text-decoration: none;    color: black;    font-size: 30px;    margin: 25px 30px 0px 0px;  }    .langswitch {    border: 3px solid #86d1da;    border-radius: 5px;  }
<a href="#" class="langswitch">    <div class="items">italiano</div>  </a>

jsfiddle

moving class anchor div make (the border) disappear together.

place <a> tag inside <div> rather other way around.

.items{    float: left;    font-family: 'arial', sans-serif;    text-decoration: none;    color: black;    font-size: 30px;    margin: 25px 30px 0px 0px ;  }    .langswitch{    border: 3px solid #86d1da;    border-radius: 5px;  }
<div class="items"><a href="#" class="langswitch">italiano</a></div>

hope helps.


Comments

Popular posts from this blog

What is happening when Matlab is starting a "parallel pool"? -

angular - DownloadURL return null in below code -

php - Cannot override Laravel Spark authentication with own implementation -