Hi,
nvm I found my solution. Turns out the issue comes from the custom blockquote CSS I'm using, which is the following:
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote:after {
color: #ccc;
content: close-quote;
font-size: 4em;
line-height: 0.1em;
margin-left: 0.25em;
vertical-align: -1em;
}
blockquote p {
display: inline;
}
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote:after {
color: #ccc;
content: close-quote;
font-size: 4em;
line-height: 0.1em;
margin-left: 0.25em;
vertical-align: -1em;
}
blockquote p {
display: inline;
}
The display:inline at the end seems to completely mess up the breaks. I couldn't find a solution so for now I just got rid of it, the closing quote ends up at the bottom of the block but that still looks better than no line breaks.
[ 18-Oct-2015, at 06:59 by Pr.Ghostanus ]
To move the closing quote to the top right corner (which I assume is what you want), try this:
blockquote:after {
/* carry over all current properties */
position: absolute;
top: 0.5em;
right: 0.25em;
}
blockquote {
position: relative; /* This is what causes the positioning of the closing-quote to be relative to the blockquote, rather than to the page. */
}
0 Response to "Issues with line breaks in blockquotes"
Post a Comment