Всем привет, а чего я не указал, чтобы текст был ровно по центру, а не по центру сверху?

Question

Всем привет, а чего я не указал, чтобы текст был ровно по центру, а не по центру сверху?

Fantast Профи (979), на голосовании 2 недели назад

 #decor3 { 
    border-style: solid; 
    border-width: 5px; 
    border-radius: 20px; 
    padding: 15px; 
    margin: 15px; 
    border-color: rgb(228, 85, 114); 
    width: 200px; 
    height: 150px; 
    text-align: center; 
}

Answer 1

Камолиддин Назаров Ученик (193) 1 месяц назад

я вижу ошибку в тексте но не понимаю где

⚠Оракул (50000) 1 месяц назад

 автор
вопроса
не весь
код
прописывает

а так
нужен полностью
код
а не тот
что написан

текста самого
нет

Answer 2

Николай Тюрин Профи (660) 1 месяц назад

vertical-align

Answer 3

пробуй

#decor3 {
border-style: solid;
border-width: 5px;
border-radius: 20px;
padding: 15px;
margin: 15px;
border-color: rgb(228, 85, 114);
width: 200px;
height: 150px;
text-align: center; /* Горизонтальное выравнивание */
display: flex; /* Используем Flexbox */
align-items: center; /* Вертикальное выравнивание */
justify-content: center; /* Центрирование по горизонтали (на случай, если нужно для Flexbox) */
}

Answer 4

Можно не заморачиваясь padding-top побольше сделать примерно 50px или задать display: flex; justify-content: center; align-items: center;
Почитай про flex в css, это удобная функция

Answer 5

 <style> 
#decor3 {  
  display: grid; 
  place-items: center; 
  border-style: solid;  
  border-width: 5px;  
  border-radius: 20px;  
  border-color: rgb(228, 85, 114);  
  width: 200px;  
  height: 150px;  
} 
</style> 
 
<div id="decor3"> 
  Hello, world! 
</div>