How to stop linebreak after a heading tag eg. <H1> 1

[Brawn]

Is there any way to stop a line break after a Heading tag
I've tried things like:

H3{break-after:never}

I don't know. 8o(
any thoughts, Brawn

"My mind is my Shrine,
and my body the Temple around it."
-The difference between genius and stupidity is that genius has its limits-

 

[gbraden]

The only way I know how to do it is to bypass the heading tag(s) and just manipulate the text using font attributes.

 

[xutopia]

use a span tag instead of a header. here is a way you could do it :

<style>
.h1 { font-size:16px ;}
.h2 { font-size:14px ;}
.h3 { font-size:12px ;}
</style>

<span class=h1>this would work like an H1 without the line break</span>
<span class=h2>this would work like an H2 without the line break</span>
<span class=h3>this would work like an H3 without the line break</span>

Hope this helps. Gary

http://www.xutopia.com

Haran

 

[Guest_imported]

The header tags are block elements. Change their display property to inline and they will not break afterwards:

h1 { display: inline; }

If you just want no space after the first line break, change the bottom margin to 0px:

h1 { margin-bottom: 0px; }