0

Хочу,чтобы было как на 1-ой картинке:введите сюда описание изображения

Выходит это: Выходит это:

(Знаю. Вопрос глупый)

2
  • А где код.Добавте html css код 31 июл 2018 в 16:37
  • Да нормальный вопрос. text-align:left блоку с текстом и подогнать margin. Если хочешь осуществить вертикальное выравнивание используй flexbox.
    – midia
    31 июл 2018 в 16:39

2 ответа 2

3

.outer {
    display: flex;
    justify-content: center; /*Центрирование по горизонтали*/
    align-items: center;     /*Центрирование по вертикали */
}
<div class="outer" style="height:100px; width: 100%; border:1px solid black">
    <span class="inner" style="border:1px solid red">
        Центрированный<br>Элемент
    </span>
</div>

1
  • а вообще это список;)
    – midia
    31 июл 2018 в 16:57
0

.outer {
 text-align: left;
 border: 1px solid blue;
 padding: 50px 20px;
 }
  .outer ul{
 list-style:none;
  }
 .outer a{
 text-decoration:none;
 }
<div class="outer">
<ul>
<li><a href="#">Главная магазин</a></li>

<li><a href="#">Магазин</a></li>

<li><a href="#">О нас</a></li>

</ul>
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.