Как центрировать элемент h1 с рамкой вверху веб-страницы?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как центрировать элемент h1 с рамкой вверху веб-страницы?

Сообщение Anonymous »

Я пытаюсь обернуть заголовок в верхней части веб-страницы рамкой.
Но всякий раз, когда я это делаю, текст и рамка вокруг него полностью смещаются на в левой части веб-страницы.
Я пытаюсь сделать это с помощью элемента h1. Я также не хочу просто устанавливать значение поля по центру, потому что тогда оно не будет масштабироваться в зависимости от размера веб-страницы.

< div class="snippet-code">

Код: Выделить всё

#title {
color: rgb(226, 35, 35);
display: inline;
}

.borderedTitle {
border: 2px solid black;
display: inline-block;
border-radius: 10px;
padding: 10px;
}

.lato-bold {
font-family: "Lato", sans-serif;
font-weight: 700;
font-style: normal;
}


Я пробовал разные вещи, например выравнивание текста: по центру >, align-content: center и т. д.

Подробнее здесь: https://stackoverflow.com/questions/790 ... -a-webpage
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»