I have a simple float setup in place.
<div class="container clearfix">
<div class="item">Some content</div>
</div>
Stylesheet snippet for items:
.item {
float: left;
width: 30%;
margin: 1.5%;
background-color: #fff;
border: 1px solid #929292;
}
There are adsense ads mixed within, with their size confined by the .item element.
The issue: One item (supposed to be first on a row) is off to the right of the container alone, while the rest start a new row floated left as expected.
Although this question may have appeared before, my searches haven't yielded helpful results. Maybe I used the wrong keywords.
p.s. I've experimented with adjusting width and margin.