In article <487eee89@news.greennet.net>,
Steve Swift <Steve.J.Swift@gmail.comwrote:
Quote:
I'm still trying to learn CSS and the use of DIV, and a few examples
will get me started.
>
My challenge at the moment is to place some text to the right of a
header (a sort of footnote) and to have the baselines of the text
aligned. I can do this with a table:
>
<TABLE><TR VALIGN=BASELINE><TD><H2>Header</H2><TD>Comment</TABLE>
>
Well, that does not align the baselines.
Quote:
But my feeble attempt with DIVs fails:
>
<DIV STYLE="float:left;vertical-align:baseline"><H2>Header 2</H2></DIV>
<DIV STYLE="float:left;vertical-align:bottom">text</DIV>
>
Am I missing something obvious, or is this harder than it looks?
Is this what you want:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css" media="screen">
h2 {font-size: 200%;}
span {position:relative; font-size: 50%;}
</style>
</head>
<body>
<h2>Header <span>Comment</span></h2>
</body>
</html>
--
dorayme
