Citat styling med CSS
Vil du gerne have dine citater til at stå lidt mere frem, end blot de muligheder du har med fed og kursiv? Så kan du med nedenstående CSS styling lave en lækker <blockquote> styling.
blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: .5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; } blockquote p { display: inline; }
Denne snippet blev indsendt af PureStyle.dk