SVG?Edit

Why can't we just use plain text manipulated with CSS? It gives the same effect and is selectable for copying and screenreading without the need for {{hiddentext}}

Test table

Pure CSS	MARE	(cross-browser HTML/CSS port of the code in the following image with a div wrapper so it fits)
SVG template	mare

Code:

<div style="display:inline-block;width:20px;height:100px;-webkit-transform:translate(-205%,-15%)rotate(90deg);"><span style="transform:translate(-40%,170%);-ms-transform:translate(-35%,250%);-moz-transform:translate(-33%,250%);-o-transform:translate(-40%,170%);"><span style="transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg); font-style:normal;font-variant:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill-opacity:1;stroke:none;font-family:Nimbus Sans L, sans-serif;"><span style="font-size:18px;font-weight:bold;">MARE</span></span></span></div>

~Kyli* 18:23, September 30, 2011 (UTC)