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

Последнее обновление на 19.12.2023

Как сделать текст в центре 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