CSS Forum

**Bel_Web** · 03-06-2006, 08:20 PM

justification of headlines on homepage

if a headline on the homepage wraps, the first letter of the second line should line up with the first letter of the first line, not with the hypen

Should look like number 2 below:

1.
-Let's say
something.

2.
-Let's say
something.

Please help...

**metho** · 03-07-2006, 11:01 AM

A browser can't tell the difference between a letter, number or non-html symbol in it's h tags. Of course it's going to start new line at the beginning of the next line regardless of what you have as the first character on the previous one.

Why do you think that if the first char of the h tag is a hyphen that the next line will align to the following letter?

**chrishirst** · 03-07-2006, 01:23 PM

HTML simply doesn't work like that, as you can see in your example both look exactly alike.
using

Code:

<hn style="text-align:justify;">

may get you closer.

**Bel_Web** · 03-07-2006, 02:03 PM

Hi guys,

I would like to inform the browser that when there is a hyphen the second line should have 5 pixels from the margin...

**Bel_Web** · 03-07-2006, 02:05 PM

Quote:

Originally Posted by metho

A browser can't tell the difference between a letter, number or non-html symbol in it's h tags. Of course it's going to start new line at the beginning of the next line regardless of what you have as the first character on the previous one.

Why do you think that if the first char of the h tag is a hyphen that the next line will align to the following letter?

"That's why I am asking... I am trying to see if it is possible..."

**chrishirst** · 03-07-2006, 02:36 PM

Quote:

Originally Posted by Bel_Web

Hi guys,

I would like to inform the browser that when there is a hyphen the second line should have 5 pixels from the margin...

You can't!

**Bel_Web** · 03-07-2006, 02:43 PM

That's not good... Thank you

**Bel_Web** · 03-07-2006, 02:44 PM

What is the code to add 5px in the second line? ( that is the question)

**chrishirst** · 03-07-2006, 03:55 PM

There isn't any CSS code to do that.

**Bel_Web** · 03-07-2006, 06:19 PM

awwwwwwwwwwwww....
that's sad

thank you so much, I guess I have to build a table...

**chrishirst** · 03-07-2006, 06:27 PM

and what difference would that make ???

**Bel_Web** · 03-08-2006, 05:40 PM

The hyphen will go in a cell and the text will not wrap, because will be in a different one.
But I got this one here that I will try:

#Layer1 {
position:absolute;
left:658px;
top:59px;
width:65px;
height:43px;
z-index:2;
margin-left: 5px;
}