Enough tangents, time for some magic!<br/><br/>We all know of the<tt class="bbc_tt">[center]</tt>tag, right?  But the problem with it is that it centers the text relative to the screen, and not to the space that the text takes.  Let me demonstrate:<br/><br/><div class="floatleft"><div class="codeheader">Code: <a class="codeoperation" href="javascript:void(0);" onclick="return smfSelectText(this);">[Select]</a></div><pre style="margin: 0; padding: 0;"><code class="bbc_code">[center][hr]This is the text that I want centered.<br/>It has multiple sentences.<br/>In several lines.<br/>But it actually isn't very long.[hr][/center]</code></pre></div><br class="clear_left"/><br/><br/>Will render like this:<br/><br/><div align="center"><hr/>This is the text that I want centered.<br/>It has multiple sentences.<br/>In several lines.<br/>But it actually isn't very long.<hr/></div><br/><br/>But what if I wanted it on the left?  I can wrap it in a dummy table cell, thus:<br/><br/><div class="floatleft"><div class="codeheader">Code: <a class="codeoperation" href="javascript:void(0);" onclick="return smfSelectText(this);">[Select]</a></div><pre style="margin: 0; padding: 0;"><code class="bbc_code">[table][tr][td][center][hr]This is the text that I want centered.<br/>It has multiple sentences.<br/>In several lines.<br/>But it actually isn't very long.[hr][/center][/td][/tr][/table]</code></pre></div><br class="clear_left"/><br/><br/>Which will render like this:<br/><br/><table class="bbc_table"><tbody><tr><td><div align="center"><hr/>This is the text that I want centered.<br/>It has multiple sentences.<br/>In several lines.<br/>But it actually isn't very long.<hr/></div></td></tr></tbody></table><br/><br/>Or, I could use a<tt class="bbc_tt">[floatleft]</tt>tag, followed by a<tt class="bbc_tt">[clearleft]</tt>to prevent the following text from flowing around it.<br/><br/><div class="floatleft"><div class="codeheader">Code: <a class="codeoperation" href="javascript:void(0);" onclick="return smfSelectText(this);">[Select]</a></div><pre style="margin: 0; padding: 0;"><code class="bbc_code">[floatleft][center][hr]This is the text that I want centered.<br/>It has multiple sentences.<br/>In several lines.<br/>But it actually isn't very long.[hr][/center][/floatleft][clearleft]</code></pre></div><br class="clear_left"/><br/><br/>Which renders like this:<br/><br/><div class="floatleft"><div align="center"><hr/>This is the text that I want centered.<br/>It has multiple sentences.<br/>In several lines.<br/>But it actually isn't very long.<hr/></div></div><br class="clear_left"/><br/><br/>You may have noticed that the<tt class="bbc_tt">[table]</tt>version looks lighter than the<tt class="bbc_tt">[floatleft]</tt>one.  I believe it's a bug, but you may use it to your advantage.  Otherwise the results look similar.<br/><br/>Cheers,<br/>-- Al<br/>