Hello all.
I'm trying to put an "end sign" at the end of my posts, using the :after pseudo element that is specified in this wonderful article.
:after
But as you can see on my blog, the chosen symbol ("•") appears on another line, disjointed from the content.
What am I doing wrong? Here is my markup:
#content .entry:after { content: "•"; font-size: 100%; }
Any help is appeciated.
Try replacing #content .entry:after with .entry p:last-child:after.
#content .entry:after
.entry p:last-child:after
Here is the browser support for the :last-child selector http://caniuse.com/#feat=css-sel3
:last-child selector
Ah, there you go. Thanks very much for the help!
Hello all.
I'm trying to put an "end sign" at the end of my posts, using the
:afterpseudo element that is specified in this wonderful article.But as you can see on my blog, the chosen symbol ("•") appears on another line, disjointed from the content.
What am I doing wrong? Here is my markup:
#content .entry:after { content: "•"; font-size: 100%; }Any help is appeciated.
Try replacing
#content .entry:afterwith.entry p:last-child:after.Here is the browser support for the
:last-child selectorhttp://caniuse.com/#feat=css-sel3Ah, there you go. Thanks very much for the help!