ansaurus

Question

Answer 1

+4 A:

I think what you actually want is:

h1 {
  display: inline;
}

h3 {
  display: inline;
  margin-left: 20px;
}

Dave Ward 2010-03-21 17:54:07

Yes, this will work much better, just make sure you put a `<br />` after the line if there is more text below it, or even try using inline-block instead of plain inline.

animuson 2010-03-21 17:58:40

Worked, thanks!

Ethan Turkeltaub 2010-03-21 18:04:35

Answer 2

A:

Doesnt this do what you want?

h1 {
   float:left;
}
h3 {
   margin:0 0 0 20px;
   float:left;
}

Greenie 2010-03-21 18:00:04

Answer 3

A:

If the h3 should be in the line below the H1, but still right to the H3 (did you mean that?), then I have a (maybe non optimal) solution, that works for me:

        #title {
            float:left;
        }
        #h3wrapper {
            float:left;
        }
        h3 {
            margin-top: -25px;
        }

HTML:

    <h1 id="title">Test</h1>
    <div id="h3wrapper">
        <h1>&nbsp;</h1>
        <h3>Description</h3>
    </div>

Chris Lercher 2010-03-21 18:03:43

ansaurus

tags:

views:

answers:

CSS Margins Increase with H1 Length

related questions