css - Aligning HTML special charaters bottom relative to parent -



css - Aligning HTML special charaters bottom relative to parent -

so i'm building website client in wordpress , design has square total stops on few headings font have used has round total stops.

i have solved issue shortcode '[stop]' , homecoming next code:

<span class="square-stop">&#9632;</span>

this html square symbol ■ wrapped in span styling.

but can seem align bottom text. see illustration here: http://jsfiddle.net/9a8x844n/

<h1>this heading of kind<span class="square-stop">&#9632;</span></h1>

use next css align square:

h1{ position:relative; } .square-stop { font-size: 0.7em; position: absolute; bottom: 0; }

html css special-characters vertical-alignment symbols

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -