Separar la linea del subrayado del texto

[kahlito]

Buenas, es posible separar la linea de subrayado de un texto con css?

Po ejemplo tengo esto:

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;
}

¿Es posible modificarlo?

Saludosss

[jesusbet]

si no mal recuerdo, usando en vez del underline, un border-bottom, y al mismo tiempo haciendo un line-height, te quedaría, ej:

h2 {
font-size:14px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
width: auto;
padding-left: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #000000;
line-height: 15pt;
}

así saldría un borde inferior separado.

Saludos

[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

[Emoxion]

ke pasa tio sobre lo de separar el subrayado la verda es que no lo he intentado nu nca y no se si se podrá pero para alinear a la izquierda o bien usas float:left; o text-align:left; no uses align="left" porke eso no tira :p