Как выровнять текст посередине рамки?

Question

[akish]

всем привет я недавно начал изучать css и html и при верстке я столкнулся с такой проблемой что когда я создаю прямоугольный бордер то надпись становится слева, а не по середине бордера.

Comments

[Kvason]

Не, ну если ты только изучаешь, то наверное ты не слышал, есть такой замечательный сайт https://google.com Вводишь в белую полосочку свой вопрос и нажимаешь кнопочку в форме сапога, на ней еще Enter написано и получаешь кучу разных ссылочек где есть ответы на все твои вопросы

[Ankhena]

то надпись становится слева, а не по середине бордера.

Дело в том, что border это граница.
И ваша фраза начинает звучать очень странно.

На скрине это больше похоже на фон.

Ещё я подозреваю, что текст был сразу слева, только видно это стало, только когда появился доп цвет.

Вам вот сюда https://doka.guide/css/
в работу с текстом, блочную модель документа, флексы, гриды и т.д.

Answer 1

[Никита Каргин]

text-align: center;

Comments

[akish]

Не помогло

[Никита Каргин]

akish, покажите тогда код этого div

[akish]

Никита Каргин, в сss?

[Никита Каргин]

akish, это в css, да

[akish]

Никита Каргин, .border{

border-radius: 5px;
background-color: rgb(19, 14, 39);


width: 87px;
height: 37px;


}
.home{
text-align: center;
}

[akish]

akish, home это класс дива в html

Answer 2

[Nik Faraday]

Сразу пробуйте комбинировать с bootstrap

Comments

[akish]

я еще не изучил bootstrap
я только закончил изучать html и css ,а сейчас занимаюсь практикой а также усвоением материала

[Nik Faraday]

akish, Bootstrap представляет собой уже готовую библиотеку css классов, которые упростят вам работу В ДЕСЯТКИ раз.
НО, стоит учесть, что есть направления web-development'а, где нужны сугубо знания html/css, когда вам придётся верстать огромные макеты вручную. Я такие подходы не поддерживаю и везде использую bootstrap и bootstrap templates , очень рекомендую к ознакомлению

[akish]

Nik Faraday, обязательно ознакомлюсь