Witam.
Mam problem z float. Div z ikoną wychodzi poza widget, wygląda to tak:
http://i.imgur.com/UClio8W.png
Mój kod wygląda tak:
HTML:
<div id="sidebar-right">
<div class="widget">
<div class="user-icon float-left"><i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i></div>
<div class="user-icon float-left"><i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i></div>
<div class="user-icon float-left"><i class="fa fa-graduation-cap fa-2x" aria-hidden="true"></i></div>
</div>
</div>
CSS:
.float-left {
float: left;
}
.widget {
background: #F9F5EE;
padding: 10px;
border-radius: 3px;
}
#sidebar-left {
width: 49%;
float: left;
}
#sidebar-right{
width: 49%;
float: right;
}
.user-info {
text-align: left;
}
.user-icon {
padding: 5px;
border-radius: 4px;
color: teal;
background-color: #998B75;
width: 40px;
height: 30px;
color: #F9F5EE;
text-align: center;
}