CharlemagneRH: I just tried this, by the way, and it doesn't work in FF3.6.12 if you use
style="align:center".
W3CSchools says that the align property is deprecated and not supported by certain DOCTYPE's.
However, if you use simply align=center or style="text-align:center", it works! But for how long? When are these methods going to be made obsolete, and WTF other reasonable alternative is there?
Unbelievable... lol.
Oh. My. God.
I just tried to put a centered caption under a left-floated image. Here is what I had to do:
Littleipsum is a latin lorem ipsum generator for mac os x filed under text, macintosh it ain't. Downloadsquad - littleipsum is a latin lorem ipsum generator for mac os x filed under text, macintosh it ain't. When you're whispering sweet nothings and you run out of things to say, just start spouting lorem ipsum, drives them wild. <div style="float:left; padding:15px;"><img src="images/me_shrunk.jpg" style="width:300px"/><br/><div style="text-align:center; width:100%; padding-top:10px"><span style="font-size:.75em; font-style:italic;">Some dummy pretending to work.</span></div></div>Use lorem ipsum text often? littleipsum's a free mac app that generates filler text right from the menubar. tech Lorem ipsum is simply dummy text of the printing and typesetting industry. lorem ipsum has been the industry's standard dummy text for decades.<br/>
Unfortunately, this technique is a little ghetto, seeing as how it relies on the 35%-width first <td> in order to get the span's <td> kicked over enough to be centered, and that isn't going to be very exact.
Now, you could use <p> and avoid the table, getting perfect center alignment,
but <p> is a block element, which means it has very large margins
around it. In other words, your "caption" is going to be dangling a half-inch under your image. It looks stupid.
Apparently in order to get something truly centered, without the huge margins, this is what is required:
http://www.pmob.co.uk/pob/centred-float.htm
Compare all of that crap with the old way (bolded & underlined are the tags that were required to get proper alignment -- these ~50 characters have ballooned into ~500):
<div style="float:left; padding:15px;"><center><img src="images/me_shrunk.jpg" style="width:300px"/><br/><font size=.75em><i>Some dummy pretending to work.</i></font></center></div>
W3C is officially worse than Microsoft. At least when it was IE causing the problems, I could still depend on the fact that it was going to be reasonably easy to get FF to work. Now FF has ruined itself by adhering to W3C "standards" -- all in the name of abstraction and modularity. Seriously... what is the world coming to.