Tilted Forum Project Discussion Community - View Single Post

Dave · 06-06-2003, 09:23 AM

This is my ugly and unreliable solution to the problem at hand. It's main issue is that it doesn't work if your text overflows into more than one line.

Code:

&lt;div style="height: 100px; width: 100px; border: 1px solid rgb(0,0,0); text-align: center; padding: 0; margin: 0;"&gt;
  &lt;p style="vertical-align: middle; line-height: 98px; font-size: 12px;"&gt;
    Blah blah blah.
  &lt;p&gt;
&lt;/div&gt;

This is one of those things that's painful due to the css spec not really defining any property for doing the job. Other than a few faults like this css is a good thing, now if only people would stop using tables for all their positioning.

06-06-2003, 09:23 AM	#3 (permalink)
Dave Upright Location: Within GMT+10	This is my ugly and unreliable solution to the problem at hand. It's main issue is that it doesn't work if your text overflows into more than one line. Code: <div style="height: 100px; width: 100px; border: 1px solid rgb(0,0,0); text-align: center; padding: 0; margin: 0;"> <p style="vertical-align: middle; line-height: 98px; font-size: 12px;"> Blah blah blah. <p> </div> This is one of those things that's painful due to the css spec not really defining any property for doing the job. Other than a few faults like this css is a good thing, now if only people would stop using tables for all their positioning.