[SOLUCIONADO] Tabular texto

[danipz]

Hola a todos.

He estado buscando un poco pero no he sabido encontrar respuesta, así q pongo mi duda.

Quiero hacer algo parecido a esto con css, pero me gustaria evitar divs y tablas:

Nombre:___Pepe
Apellidos:__Pepe Pepa
Edad:_____23

(evidentemente, sin tener q poner guión bajo)

¿Alguien sabe como? ... muchas gracias!! :)

[pzin]

¿Por qué no quieres usar elementos HTML? La gracia de CSS es que estiliza elementos HTML.

[danipz]

no es q no quiera usar elementos html, solo q me da la sensación de q si existe alguna forma de crear un estilo de tabulación es más sencillo q ir creando divs o tablas... :P

(si la solución es hacer una tabla pos se hace... xd)

[pzin]

Pero la sencillez tiene un límite. Sin existir nada que englobe las cosas, no puedes indicar, en la mayoría de los casos, qué estilos poner.

Yo usaría una lista de definición:

Código HTML:

<dl>
  <dt>Nombre</dt>
    <dd>Pepe</dd>
  <dt>Apellidos</dt>
    <dd>Pepe Pepa</dd>
  <dt>Edad</dt>
    <dd>23</dd>
</dl>
 

Y haría algo así en el CSS:

Código CSS:

dt {
  display: inline-block;
  min-width: 100px;
}
 
dd {
  display: inline;
  margin: 0;
}
 
dd:after {
  display: block;
  content: '';
}
 

[danipz]

perfecto! eso es lo q buscaba :)

[Rafael]

Hum.... Yo preferiría usar una tabla a un dl

Debería de existir una pseudoclase :first-word. Probablemente se pueda jugar con un :first-line. Quizá con el Pre.

De todos modos en cualquier caso hay que poner algunas etiquetas html.

[danipz]

al final... he acabado montándolo con una tabla ...