Setup a custom grid template

Has anyone found a way to call out a different custom template via the shortcode?

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;
}