Earlier quoted context omitted.
Here you go. Should work in all browsers except IE7 and earlier. You can add as many column divs as you like. Note that the html { height:100% } is needed when in HTML5 mode. html, body { height:100%; margin: 0 auto; } body { display: table; vertical-align: middle; } .column { display:table-cell; vertical-align: middle; } p { text-align: center; } holy cow! it worked!
holy crap. that's pretty good, man! when i was trying to get this to work a couple of nights ago, i would have gladly given you a hundred bucks for that code snippet, just to make the pain go away. i was afraid that your method would screw up lists the way most of my attempts did, where the bullets would wind up stuck to the left margin while the text strings are goofily centered in the middle, but no, your way prese…
when i was trying to get this to work a couple of nights ago, i would have gladly given you a hundred bucks for that code snippet, just to make the pain go away.
If you like, feel free to give a shout-out to @jjs in your game's credits. :)