bottom align text in div with floated H1?
Posted
by Cliff
on Stack Overflow
See other posts from Stack Overflow
or by Cliff
Published on 2010-06-06T00:29:39Z
Indexed on
2010/06/06
0:32 UTC
Read the original article
Hit count: 621
css-layout
|css-positioning
I have a block of text, and inside the block I have an h1 tag floated left. I would like the first line of text to align with the bottom of the first line of text.
Here is the sample site:
http://myhealthsense.abyteshosting.com/
The block in question is the block under the header that says "Welcome! I am a..."
I want the 'Welcome!' to have it's bottom aligned with the rest of the sentence, and for the next line to wrap under the 'Welcome!'. As it is now, there are two lines wrapped to the right of 'Welcome!'.
Of course I could do this easily if all the text was together in a line, and I could use spans to set the sizes. But, since this is all generated out of drupal, the content comes as it is. In other words, the text in the block comes from the database, and is generated in a div, but the 'welcome!' has to be in the template. If I put it in the content div, my user will mess it up every time they edit the content.
Any hints are appreciated.
© Stack Overflow or respective owner