Как сделать текст в центре div

Как сделать текст в центре div с применением свойства border-radius и box-shadow тени

Код CSS

 
div {
width:300px;
height:100px;
background-color:blue;
border-radius: 10px 35px 45px 80px; /*Слева направо*/
display: inline-block;
vertical-align: top;
border: 5px solid orange;

font-size: 24pt;
color:white;
font-famaly:Times New Roman;
text-align:center;

}

div:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

HTML код

 
<div>Нажми</div>

Результат в браузере

Как сделать текст в центре div

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 0 / 5. Количество оценок: 0

Оценок пока нет. Поставьте оценку первым.

74

Leave a Reply

Ваш адрес email не будет опубликован.