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

189

20 декабря 2018, 05:10

Немного перефразирую вопрос в заголовке:

Как достичь такого же эффекта используя только CSS без использования тега <center>?

<center><p>это строка</p></center>

Answer 1

text-align:center; выравняет текст в блоке

margin:auto; выровняет сам блок

пример для flex:

* { 
  margin: 0; 
  padding: 0; 
} 
 
.items { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  text-align: center; 
  height: 100vh; 
} 
 
.item { 
  width: 50%; 
}

<div class="items"> 
  <div class="item"> 
    <p> 
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, cumque. 
    </p> 
  </div> 
</div>