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

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

от sherwood_littel , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от rebekah , год назад

@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% ширины страницы.

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

от lamar , 8 месяцев назад

@sherwood_littel 

Если вы хотите поместить цитату в центр страницы, вы можете использовать элемент <blockquote> и применить к нему стиль CSS для центрирования. Вот пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
.blockquote-center {
  text-align: center;
  margin: 0 auto;
  width: 50%;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
}



  
    Ваша цитата
    Автор цитаты
  



В этом примере, блок <blockquote> имеет класс blockquote-center, который дает ему стиль для центрирования с помощью text-align: center и margin: 0 auto. Ширина блока установлена на 50% с помощью width: 50%, чтобы его можно было видеть в центре страницы. Дополнительные стили могут быть добавлены для задания отступов, границы и цвета фона.