У цій короткій статті я розповім, як оформити блок цитат з допомогою CSS3 і одним або двома тегами.
текстЯк це виглядає в вашому браузері (щоб виділити цитату, вона поміщена в білий бокс):
Тобто якось не вийшло ось так от «раз!» - і на іншу сходинку вскочити. І це за 20 то років. Адже у мене не те що б не вийшло ... Вийшло! Але якось посередньо. Тобто я такий посередній. Адже мені ніхто не заважав, не забороняв, тобто я не можу нікому сказати: «Он у мене з-за кого все не так!». І, знаєте, яка головна проблема? Мені вистачає мізків все це зрозуміти, але не вистачає, щоб змінити.
Як це має виглядати:
Додаємо опис класу в CSS і змінюємо одне з правил (в blockquote: after міняємо line-height на 6 px):Тобто якось не вийшло ось так от «раз!» - і на іншу сходинку вскочити. І це за 20 то років. Адже у мене не те що б не вийшло ... Вийшло! Але якось посередньо. Тобто я такий посередній. Адже мені ніхто не заважав, не забороняв, тобто я не можу нікому сказати: «Он у мене з-за кого все не так!». І, знаєте, яка головна проблема? Мені вистачає мізків все це зрозуміти, але не вистачає, щоб змінити.
Каміль, «Про що ще говорять чоловіки»
Кросбраузерність (перевіряв, на тому, що є):
- Mozilla Firefox 9
- Opera 11.60
- IE 8+