[css-d] Header's inline display and alignment

[Adriano Castro]

     Hi,

     I want to have, aligned to the left, a title followed by a
sub-title. Then, on the same line as the sub-title, I want to have,
aligned to the right, a date. Lastly on the next line, also aligned to
the right a link.

     Something under these lines:

        Title
        Subtitle               date
                               link

     In order to do so here's what I have so far.

        ## MARKUP

         <div class="main-right">
             <h1>Title</h1>
             <h2>Subtitle</h2>
             <h5>2005.07</h5>
             <h6>link</h6>
         </div>


        ## CSS

         div.main-right {
             position: absolute;
             top: 0px;
             left: 185px;
             width: 393px;
             height: 269px;
             margin: 15px 0px 0px 24px;
             padding: 0px;
         }

         div.main-right h1, h2, h3, h4, h5, h6 {
             margin: 0px;
             padding: 0px 0px 0px 0px;
         }


         div.main-right h1 {
             text-align: left;
         }

         div.main-right h2 {
             display: inline;
             text-align: left;
         }

         div.main-right h5 {
             display: inline;
             text-align: right;
         }

         div.main-right h6 {
             text-align: right;
         }

     All works fine except for H5 that isn't aligning to the right.
Instead it render's immediately after H2.

     Thank you.


     AD
        
-- 
[EMAIL PROTECTED]
www.adrianocastro.net

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/