Help with div rows and columns

ساخت وبلاگ
Hello all!

How do I make it so the speaker section has two speakers side by side? As of now it's just one on top of the other. I'd like a few rows of two instead of a few rows of one. Thanks.

Attached is the code and screen shot of what I'm talking about.

Screen Shot: https://imgur.com/a/agBjr Click image for larger version. 
Name:	Screen Shot 2018-04-18 at 9.59.42 AM.jpg 
Views:	4 
Size:	49.0 KB 
ID:	17813

Code:

<div style="padding: 25px 15px 25px 15px;">

<div style="padding: 20px 25px 35px 25px; max-width:620px; margin:0 auto; text-align:center; mso-element-frame-width:800px; mso-element:para-border-div; mso-element-left:center; mso-element-wrap:no-wrap-beside; mso-padding-top-alt:50px;background:#3c4656; box-shadow:0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);"><!--[if gte mso 12]><br clear="all">
<![endif]--> <!--[if gte mso 12]><br clear="all">
<![endif]-->

<h2 style="font-family:Helvetica, Arial, sans-serif; margin:0; padding: 15px 0 25px; color:#ffffff; font-weight:bold; font-size:30px; line-height:36px; mso-margin-bottom-alt:15px;">Confirmed Speakers <span style="font-size: 14px; font-weight: normal;">(as of April 17)</span></h2>

<!--[if (gte mso 9)|(IE)]>
<table width="100%" role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="left" class="ol-pt0" bgcolor="#3c4656">
<![endif]-->

<div class="table w100p" style="padding-bottom:25px;"><!--[if (gte mso 9)|(IE)]>
<table width="620" role="presentation">
<tr>
<td width="20%" align="center" style="padding-top: 25px;">
<![endif]-->
<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/garrett_steve.png" alt="Steve Garrett" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">Steve Garrett</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>Director, Real Estate</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">Atrium Health</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="1%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w5p">&nbsp;</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="32%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/camp_pj.png" alt="PJ Camp" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">PJ Camp</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>Principal &amp; Co-Founder</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">H2C</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="1%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w5p">&nbsp;</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="32%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/quattlebaum_gerald.png" alt="Gerald Quattlebaum" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">Gerald Quattlebaum</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>SVP, Acquisitions</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">Flagship Healthcare Properties</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="1%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w5p">&nbsp;</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="33%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/curtis_mark.png" alt="Mark Curtis" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">Mark Curtis</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>Director</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">Greenville Health System</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></div>

<div class="table w100p" style="padding-bottom:25px;"><!--[if (gte mso 9)|(IE)]>
<table width="620" role="presentation">
<tr>
<td width="20%" align="center" style="padding-top: 25px;">
<![endif]-->
<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/noble_rex.png" alt="Rex Noble" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">Rex Noble</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>SVP, Asset Management</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">Flagship Healthcare Properties</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="1%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w5p">&nbsp;</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="32%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/wilson_julie.png" alt="Julie Wilson" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">Julie Wilson</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>SVP, Leasing &amp; Management</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">Healthcare Realty</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="1%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w5p">&nbsp;</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="32%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/pandos_steve.png" alt="Steve Pandos" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">Steve Pandos</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>Director of Finance</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">Insite Properties</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="1%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w5p">&nbsp;</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="33%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/park_david.png" alt="David Park" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">David Park</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>Senior Vice President</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">Novant Health</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></div>

<div class="table w100p" style="padding-bottom:25px;"><!--[if (gte mso 9)|(IE)]>
<table width="620" role="presentation">
<tr>
<td width="20%" align="center" style="padding-top: 25px;">
<![endif]-->
<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/perez_tony.png" alt="Tony Perez" width="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">Tony Perez</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>Assistant Vice President</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">Atrium Health</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="1%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w5p">&nbsp;</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="32%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/nester_lee.png" alt="Lee Nester" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">Lee Nester</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>Director of Property Management</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">CaroMont Regional Medical Center</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="1%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w5p">&nbsp;</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="32%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/lawler_andy.png" alt="Andy Lawler" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">Andy Lawler</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>Development Partner</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">The Keith Corporation</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="1%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w5p">&nbsp;</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="33%" align="center" style="padding-top: 25px;">
<![endif]-->

<div class="td w25p"><!--[if (gte mso 9)|(IE)]><br><![endif]-->

<img src="http://interfaceconferencegroup.com/hcc18/images/stubbs_john.png" alt="John Stubbs" width="110" height="110" style="display:block;border:0;display: block; margin: 0 auto; border: 0px;"><br>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:16px; font-weight: bold; color:#ffffff;">John Stubbs</p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;"><i>Partner</i></p>

<p style="font-family:Helvetica, Arial, sans-serif; margin:0; font-size:13px; line-height:16px; color:#ffffff; padding-top:5px;">Davis More Capital</p>

</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--></div>


<!--[if gte mso 12]><br clear="all">
<![endif]--></div>
</div>
Attached Thumbnails
Click image for larger version. 
Name:	Screen Shot 2018-04-18 at 9.59.42 AM.jpg 
Views:	N/A 
Size:	49.0 KB 
ID:	17813 
CodingForums...
ما را در سایت CodingForums دنبال می کنید

برچسب : نویسنده : codingforums بازدید : 256 تاريخ : شنبه 1 ارديبهشت 1397 ساعت: 18:29