Здравствуйте!
Такая проблема возникла, не получается сделать блоки в футере по центру 3 блока.
Уже пробовал даже так:
[class*="block_"] {
display: inline-block;
width: 30%;
border: 1px solid #000;
padding: 5px;
margin: 2px;
text-align: left;
}
.content {
display: block;
width: 90%;
margin: 0 auto;
}
<div class="content">
<div class="block_01">
Текст первого блока
</div>
<div class="block_02">
Текст второго блока
</div>
<div class="block_03">
Текст третьего блока
</div>
</div>
Но блоки либо ставятся по центру, но внутри самих бллоков тоже все по центру, либо все блоки в левой стороне, но и внутри блоков выравнивание тоже по левому краю. Подскажите, пожалуйста, как сделать блоки по центру?
Сейчас код выглядит так:
<footer>
<div class="container">
<div class="row">
<?php if ($informations) { ?>
<div class="col-sm-3">
<h5><?php echo $text_information; ?></h5>
<ul class="list-unstyled">
<?php foreach ($informations as $information) { ?>
<li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>
<?php } ?>
</ul>
</div>
<?php } ?>
<div class="col-sm-3">
<h5><?php echo $text_service; ?></h5>
<ul class="list-unstyled">
<li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>
<li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>
<li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>
</ul>
</div>
<div class="col-sm-3">
<h5><?php echo $text_account; ?></h5>
<ul class="list-unstyled">
<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>
<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>
</ul>
</div>
</div>
<hr>
<p>Opencart.com</p>
</div>
</footer>