CSS для центрирования блоков

[Akvas]

Всем привет. Вопрос не по ксенфоро, но вроде ничего не нарушаю) Возникла необходимость сделать 3 блока по центру, но при этом сохранить выравнивание строчек по левой стороне:


Если просто выравнить все 3 блока по центру, получается как с первым блоком, т.е. выше стоит выравнивание по центру, а выравнивание строчек в блоке перестает работать по левой стороне.

Как быть? Как сделать блоки по центру с сохранением выравнивания строчек по левой стороне? У гугла не получается спросить, т.к. не понимаю как это правильно спросить.

Заранее спасибо всем, кто откликнется)

 

[Sergey Miroshnichenko]

Есть несколько вариантов решить задачу.

Если просто выравнить все 3 блока по центру, получается как с первым блоком, т.е. выше стоит выравнивание по центру, а выравнивание строчек в блоке перестает работать по левой стороне.

Выравнивайте блоки по центру, как вы сделали, но дополнительно попробуйте прописать для самих блоков text-align: left.

 

[Akvas]

Кусок CSS. Родительский контейнер хотел сделать так:

align-content:center;
flex-wrap: wrap;

<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>Все права защищены © alisalisa.com</p>
  </div>
</footer>

 

[Skaiman]

блин ну что за дебилизм вставлять в тег однострочного кода массив, есть же для этого тег

 

[Akvas]

блин ну что за дебилизм вставлять в тег однострочного кода массив, есть же для этого тег

Извините, я с деревни, не знал, что в

есть еще кнопки)

 

[Skaiman]