Как сделать отступ вовнутрь в начале и конце первой строки?

Question

[Dezzly]

Hi there! We are the new kids on the block
and we build awesome websites and mobile apps.

Comments

[Rustam Bainazarov]

Сделать что?

[Dezzly]

Рустам Байназаров, Есть предложение из двух строк. Как сделать отступ вовнутрь у первой строки на 50px с двух сторон не затрагивая вторую строку ?

[Ольга]

всё равно непонятно как оно визуально должно выглядеть

[Dezzly]

Ольга, Я не могу сюда скинуть картинку образца (

[Dezzly]

Ankhena, Вот заголовок в шапке, вот так надо https://camouf.ru/designes/ready-psd-layouts-for-s... (это макет)

[Dezzly]

Ольга, Как тут https://camouf.ru/designes/ready-psd-layouts-for-s...

[Юрий]

Dezzly, это называется выравнивание текста по центру.

[Dezzly]

Юрий, Нужно как на этом макете в заголовке шапки https://camouf.ru/designes/ready-psd-layouts-for-s...

[Ankhena]

Dezzly, вот это да )))
Обычное центрирование текста text-align и <br> или ограничение по ширине и левый и правый margin со значениями auto

[Dezzly]

Ankhena, br помог. Спасибо!

Answer 1

[Сергей delphinpro]

Dezzly, В макете центрированный заголовок.

<h1>
Hi there! We are the new kids on the block
and we build awesome websites and mobile apps.
</h1>

h1 {
  max-width: 600px; // Подобрать, чтобы текст не расползался по всей ширине
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}