HTML
<div class="tsidesign_full_content">
<div class="item_1" style="float: left; width:46%; padding: 1rem;"><div class="the_list_wrap"><h3 class="the_list_item_headline">Headline 1</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar, nisl quis ultricies vestibulum, urna lacus consequat eros, et interdum neque nisl a tellus. Nam sit amet ullamcorper mi. Morbi blandit accumsan eleifend. Ut nec malesuada arcu, eu maximus erat. Quisque pharetra porttitor mi, ac pellentesque lacus.</p></div></div>
<div class="item_2" style="float: left; width:47%; padding: 1rem;"><div class="the_list_wrap"><h3 class="the_list_item_headline">Headline 2</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar, nisl quis ultricies vestibulum, urna lacus consequat eros, et interdum neque nisl a tellus. Nam sit amet ullamcorper mi. Morbi blandit accumsan eleifend. Ut nec malesuada arcu, eu maximus erat. Quisque pharetra porttitor mi, ac pellentesque lacus.</p></div></div>
<div style="clear:both;"></div>
</div>
CSS
.tsidesign_full_content {
max-width: 100% !important;
margin: 0 auto !important;
background: #000 !important;
color: #fff !important;
padding-top: 5% !important;
padding-bottom: 3% !important;
}
.tsidesign_full_content a{
color: #fff !important;
}
.tsidesign_full_content .item_1 .the_list_wrap {
max-width: 95% !important;
text-align: right !important;
padding-right: 5% !important;
border-right: 2px solid #fff !important;
}
.tsidesign_full_content .item_2 .the_list_wrap {
max-width: 95% !important;
text-align: left !important;
padding-left: 6% !important;
}
.tsidesign_full_content .the_list_item .the_list_item_headline {
color: #fff !important;
font-weight: 400 !important;
letter-spacing: .03em !important;
}
.tsidesign_full_content .the_list_item_subheadline {
font-size: 1.7rem !important;
color: #fff !important;
letter-spacing: .03em !important;
}
