Hello,
I am trying to setup a custom grid template with the code below, but they are not in line but on top of each other. How can solve it with float: left; ?
Thank you
<div id=”one-person”>
<div class=”person-photo”>
<img src=”[photo_url]” />
</div>
<div class=”person-name”><h4>[name]</h4></div>
<div class=”person-titre”>[position]
More
</div>
</div>
#one-person {
width:25%;
text-align:center;
margin:0 0 30px 0;
}
.person-photo img {
margin:0 auto;
}
.person-name {
margin-top:1em;
}
.person-titre {
margin:0px;
padding-top:0px;
}