Стильный дизайн онлайн урок.


Блокировка отображается в стандартизованных браузерах с эффектом «большие кавычки до», а в IE с толстой левой границей и светло-серым фоном.
В отличие от других методов blockquote этот стиль не требует вложенного элемента уровня блока (например, p). Таким образом, он превращает абзац в элемент с встроенным стилем, чтобы содержимое не уменьшалось ниже цитаты.

blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}

# Пример

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, time sit amet, ante. Donec eu libero сидит amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.