Floating based on bottom of elements?

HTML & CSS
1

I want to have a heading on one side and some smaller text floating beside it sharing the same baseline.

However the paragraph always floats up to be inline with the top of the heading rather than the bottom, which is where I’d like it. I know I could solve this with margin etc, but Im wondering if there’s a straightforward solution that I wouldn’t have to rearrange if the header changes size.


<STYLE type="text/css">
   H1 {}
   .floatright{float: right; text-align: right;}
   .therestofthecontent{clear:both;}
 </STYLE>

<div id="content">
<h1>Title</h1>
<p class="floatright">some text</p>
<p class="therestofthecontent">normaltextnormaltext</p>
</div>

I’ve tried it with the H1 floating, and switched places with the p, and a bunch of other things… like I said just wondering about a straightforward way to set this up…
I suppose I could make them both part of the same element and inline, but one really is the header…

2

one way to do it is

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">

#banner {
position: relative;
height: 100px;
border: 1px solid red
}
 
#banner h1 {
position: absolute;
width: 50%;
left: 0px;
bottom: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid green;
}
 
#banner p {
position: absolute;
width: 30%;
right: 0px;
bottom: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid blue
}
 
</style>
</head>
<body>
 
<div id="banner">
        <h1>Heading 1 text</h1>
        <p>paragraph text</p>
</div>
 
</body>
</html>
3

why not just try giving the P and the H1 equal line heights? Or if you are expecting the P to be multiple lines, padding the top based on an equivalent EM value of the H1?

4

I may do the line-height in the end.
I was just mostly wondering if there was a way to do it without adding extra divs and not relying on the height of the H1 not changing, but it looks like it’ll be one or the other.