HR en CSS

[beowulf99]

Tengo un div izquierda a modo de menu del usuario.
En ella separo apartados con <hr>

Bueno visualmente en IE7 parece que despues del <hr> le mete como un <br> mas.
Y en todos los webkits(Firefox; Opera...) se ve igual.

Código HTML:

<hr>
<h4>AVISOS:</h4>
<hr>
<h4>CONFIGURACION:</h4>
<hr>
<h4>YOKESE:</h4>
<hr> 

hay una diferencia abismal de uno a otro.

css H4

Código HTML:

.izquierda h4{
	text-align: center;
        color: black;
        font-family: Verdana;
        font-weight:bold;
	font-size:10pt;
}

y HR lo pongo asi sin mas. Alguna idea ??

Saludos y Gracias,

[kseso?]

Puedes dar definir las propiedades de hr en el css, entre ellos la altura y los márgenes superior/inferior.

También puedes eliminar los hr del html y como los h3 son elementos en bloque se colocarán cada uno en una línea. Le marcas los márgenes superior/inferior a h3 y listo.

Habría más formas, pero creo que eso que tienes quedaría mejor colocado en una lista desordenada: <ul><li>, ya que tiene toda la pinta de ser un menú.

Un saludo

[beowulf99]

kseso? he puesto esto:

Código HTML:

.izquierda hr {

	color: black;
	background-color: black;
	margin: 0;
	padding: 0;
}

y como k no hace mucho caso. Nose.
Lo del h3 no se como dices de hacerlo, en vez de poner hr poner h3 a secas ??
--------
Lo que quiero separar en ese div izquierdo el cual pilla todo el lateral izquierdo es separar menus y una especie de apartados, con rayas por ejemplo, por eso use HR. Es decir tengo un menu con botnes, y como otros miniapartados de informacion y tal. Los cual quiero separar para que no quede todo junto.