Text-Align

[Tani]

im internet habe ich das leider noch nicht, wie auch immer, habe es mal vorläufig so gelöst, dass ich vor jedem link ein <p> mit class=navitext definiert habe um es linksbündig zu machen und in das <a> habe ich auch noch eine class=navilink reingetan, um das link andersfarbig zu machen.

jetzt wollte ich noch diese divs zwischen den links wegnehmen und es mit trennlinie <hr> machen, nur, der abstand zu link ist sehr groß, obwohl ich hr so definiert habe:

.menu_line {
color: #ffffff;
height:1px;
border: 0px;
margin-bottom:0px;
margin-top:0px;
margin:0px;}

a.navilink:link {color: #2c2c2c;}
a.navilink:aktive {color: #2c2c2c;}
a.navilink:visited {color: #2c2c2c;}
a.navilink:hover {color: #2c2c2c;}

.navitext {
 color: #2c2c2c;
 font-family:verdana,lucida,arial,helvetica,sans-serif;
 font-size:11px;
 text-align:left;}

.naviline {
 line-height: 1px;
 background-color: #818181;
 font-size: 1px;
 margin-bottom: 2px;
 margin-top: 2px;}

------------------------------------------------------------

<p class="navitext">&nbsp;
<a class="navilink" href="link.htm">Link</a></p>
<hr class="menu_line">

<p class="navitext">&nbsp;
<a class="navilink"href="link.htm">Link</a></p>
<div class="naviline">&nbsp;</div>

<p class="navilink" class="navitext">&nbsp;
<a href="link.htm">Link</a></p>

Die Links Färbe ich ja nur ein, da die anderen Links auf der Seite dieser Formatierung gehorchen:

a:link {color:#BB3601;}
a:visited {color:#BB3601;}
a:active {color:#BB3601;}
a.an {color:#BB3601;}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #2c2c2c}