Как поместить в центр цитату в HTML?

Пользователь

от sherwood_littel , в категории: HTML/CSS , 7 месяцев назад

Как поместить в центр цитату в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от rebekah , 3 месяца назад

@sherwood_littel 

Для того, чтобы поместить цитату в центр страницы в HTML, вы можете использовать тег <blockquote> и стиль text-align: center.


Сначала оберните цитату в тег <blockquote>:

1
2
3
<blockquote>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>


Затем добавьте стиль text-align: center в тег <style> в шапке вашего HTML-документа:

1
2
3
4
5
<style>
  blockquote {
    text-align: center;
  }
</style>


В результате цитата будет отцентрована на странице.


Обратите внимание, что вы также можете использовать стиль margin: auto для того, чтобы выровнять цитату по центру страницы. Для этого вы можете использовать следующий код:

1
2
3
4
5
6
7
<style>
  blockquote {
    display: block;
    margin: auto;
    width: 50%;
  }
</style>


В этом случае цитата будет выровнена по центру страницы, а также будет занимать 50% ширины страницы.