Separar la linea del subrayado del texto

[kahlito]

Hola jesusbet la verdad es que eso mismo conseguia haciendolo así:

Código HTML:

h2{
	font-size:14px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	width: 200px;
	left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

Tu opción es practicamente la misma , sin embargo puse lo del subrayado para evitar tener que poner siempre un <div align="left"> ya que no se me colocaba a la izquierda

Ejemplo:

Código HTML:

h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	margin: 10px;
	}
h2     {
	font-size:14px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

En el body:

Código HTML:

<div id="capacontenido">
<h1 align="left">Dia a dia</h1> 
	<div align="left"><h2>Hoy</h2>
</div>
</div> 

Como verás con esa opción (y con la tuya) siempre tengo que ir metiendo la alineación en el html. Sin embargo con el subrayado se me coloca directamente a la izquierda y así no tendria que ir poniendo siempre el align="center" en el html.

Ejemplo:

Código HTML:

h2 {
font-size:14px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
width: auto;
padding-left: 10px;
text-decoration: underline;
}

Body:

Código HTML:

<h2>Hoy</h2> 

O uso una opción separando el subrayado o logro alinear el texto desde el css, no se si me explico ,

Gracias un saludo