How to fix Headings ?

<div class="vijest">&nbsp;&nbsp;&nbsp;
<b>Heading...</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;<i>||
Published: 24.06.2008. </i>||</div>


Hi All!
How to remove this empty spaces ? The "Heading" would need to be bolded and
aligned left as it is. and "Published" is on the right side of the stripe.
How to remove all this empty spaces which i put there cos i didn't know for
a better solution ? I suppose something with margins and paddings...but
that's what bothering me, because i have restricted window by javascript in
which links are opened and then the margins and paddings don't stretch as
they should and the stripe line goes into next row... !?

Thanks for advices.
I'll be soon here !

C.

Scripsit Beauregard T. Shagnasty:

CSS:
h1 span { float: right; font-size: 40%; font-style: italic; }

HTML:
h1><span>Published: 24.06.2008.</span>Header</h1

I guess that would work, for some values of "work", except that date
notations like 24.06.2008 are bad practice on the WWW or any
international medium. When you write 04.07.2008, how are people supposed
to guess whether it is 4th of July or 7th of April?

The <span> text will appear in bold face by default, rather pointlessly.
If it's relatively unimportant and in smaller font size, why bold it?
You could fix this using font-weight: normal (and you should really
consider the <h1> font size too, since some style sheet might set it
fairly small, and then 40% of that is...).

But the <span> markup is ominous. The publication date isn't really part
of the header (see the text "Header" - a placeholder for a header
obviously, so why should there be anything else inside <h1>?). The
following is both more logical and simpler to style:

HTML:

<span class="pubdate">Published: June 24, 2008.</span>
<h1>Header</h1>

CSS:

span.pubdate { float: right; font-size: 80%; font-style: italic; }

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

"Beauregard T. Shagnasty" <a.nony.mous (AT) example (DOT) invalid> wrote

Jukka K. Korpela wrote:

Scripsit Beauregard T. Shagnasty:
CSS: h1 span { float: right; font-size: 40%; font-style: italic; }

HTML: <h1><span>Published: 24.06.2008.</span>Header</h1

I guess that would work, for some values of "work", except that date
notations like 24.06.2008 are bad practice on the WWW or any
international medium. When you write 04.07.2008, how are people
supposed to guess whether it is 4th of July or 7th of April?

You should address that comment to the OP - where I copied it straight
out of his mess of &nbsp;'s. The question was not about date formatting.

Do you think my quick illustration is as bad as the OP's?

--
-bts
-Friends don't let friends drive Windows

Thanks all for advices here, i'm in a mess now...
I'll try to excerpt somo of this and try it out, hope it'l help me!

bye.