Как выровнять текст по центру блока?

Question

[deadshumz]

Нужно выровнять текст по центру блока но без центрирования. text-center - центрирует текст, а мне нужно выравнивание к левому краю.

Comments

[Антон Литвиненко]

Ээ?

[deadshumz]

Антон Литвиненко, Текст должен быть по центру блока, при этом text-align:left.

[Froggyweb]

класс justify-content-center родителю. бросай ты '.тот бутстрап без знаний верстки
или хоть документацией пользуйся

[deadshumz]

Froggyweb, ne workaet

[Froggyweb]

deadshumz, воркает https://codepen.io/_mitia_/pen/wvGMXEQ
и в примерах есть https://getbootstrap.com/docs/4.0/utilities/flex/
либо выкладывай код в песочницу, либо разбирайся сам чего наверстал

а вообще есть margin: auto ^)

Answer 1

[lUser L]

https://codepen.io/5h4dy_s/pen/wvGMxqw

лучше всего использовать flex
с padding: N

.text {
    display: flex;
    justify-content: center;
    align-items: center;
}

Answer 2

[Spartak (Web-StyleStudio)]

Самый простой способ

CSS

.class1 {
  margin: auto;
  text-align: center;
 } 
.class2 {
  display: inline-block;
  width: 50%;
  text-align: left;
}

HTML

<div class="class1">
    <div class="class2">Modern design for your website.</div>
</div>

Comments

[Spartak (Web-StyleStudio)]

Способов может быть много: флексы, гриды