I am facing an issue with my two bootstrap items, one col-md-5 and the other col-md-4. Despite trying to center them in the middle of the page, they are currently positioned with col-md-4 on the left side and col-md-5 in the middle. Does anyone have a solution to center these two items without relying solely on margins?
<div class="col-md-4">
<div class="klantcases">
<h2>Company</h2>
<li><a href="#">About Us</a></li>
<li><a href="#">Core Values</a></li>
<li><a href="#">Mission and Vision</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Development Blog</a></li>
<li><a href="#">Marketing Blog</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Marketing</a></li>
<li><a href="#">Join Us></li>
</div>
<div class="col-md-5">
<div class="blogpreview">
<img src="img/kan.png" alt="kan" /><h1>The Latest from Our</br>
DEVELOPMENT BLOG</h1>
<img src="img/bloglaptop.jpg" alt="bloglaptopcode" />
<div class="bloginfo"><h2>Wednesday April 15, 2015 - 12:05</h2></br></br>
<h1>CSS Styleable Vector Based Icons on Every Device (Even IE8)</h1>
<p>Icons play a crucial role in user interface design, allowing users to quickly understand actions at a glance. In this blog post, we explore a comprehensive solution for rendering CSS-styleable icons that are compatible with older browsers while also appearing sharp on modern retina displays.</p>
<a href="#"><h3 class="readmore">READ MORE</h3></a>
</div>
<div class="more">
<h2>Monday April 13, 2015 - 13:19</h2>
<h1>Inline Video on the iPhone</h2>
<p>Video technology has evolved significantly over time, transitioning from analog formats like nitrate film to digital video. This blog discusses the integration of inline videos on mobile devices like the iPhone, highlighting the shift towards portable video consumption.</p>
<a href="#"><h3 class="readmore">READ MORE</h3></a>
</div>
<div class="more">
<h2>Monday March 30, 2015 - 18:30</h2>
<h1>Video in Email: Today or Tomorrow?</h2>
<p>Utilizing video content in email communications can enhance consumer engagement significantly. This blog post shares insights from technical research and development, emphasizing the importance of integrating videos into email marketing strategies.</p>
<a href="#"><h3 class="readmore">READ MORE</h3></a>
</div>>
<img src="img/pfoon.png" alt="pfoon" /> <h1>The Latest from Our</br>
MARKETING BLOG</h1>
<img src="img/iphone.jpg" alt="iphonehand" />
<div class="bloginfo2"><h2>Wednesday April 15, 2015 - 12:05</h2></br></br>
<h1>CSS Styleable Vector Based Icons on Every Device (Even IE8)</h1>
<p>Icons play a crucial role in user interface design, allowing users to quickly understand actions at a glance. In this blog post, we explore a comprehensive solution for rendering CSS-styleable icons that are compatible with older browsers while also appearing sharp on modern retina displays.</p>
<a href="#"><h3 class="readmore">READ MORE</h3></a>
</div>
<div class="more">
<h2>Monday April 13, 2015 - 13:19</h2>
<h1>Inline Video on the iPhone</h2>
<p>Video technology has evolved significantly over time, transitioning from analog formats like nitrate film to digital video. This blog discusses the integration of inline videos on mobile devices like the iPhone, highlighting the shift towards portable video consumption.</p>
<a href="#"><h3 class="readmore">READ MORE</h3></a>
</div>
<div class="more">
<h2>Monday March 30, 2015 - 18:30</h2>
<h1>Video in Email: Today or Tomorrow?</h2>
<p>Utilizing video content in email communications can enhance consumer engagement significantly. This blog post shares insights from technical research and development, emphasizing the importance of integrating videos into email marketing strategies.</p>
<a href="#"><h3 class="readmore">READ MORE</h3></a>
</div>
</div>