Ancho de un span

[miriamgomez]

Hola a todos;

Tengo el siguiente codigo:

Código HTML:

<span class="ejemplos">
I talk (Yo hablo.)<br>
He eats (&Eacute;l come.)<br>
They learn (Ellos aprenden.)<br>
 
</span>
 

Y este el css:

Código CSS:

.ejemplos {
    background-color:  #FF0;
    border: solid 2px #FFFF00;
    display: block;
    padding: 5px;
    margin: 5px auto;
    -moz-box-shadow: 0 0 0 3px #006;
    -webkit-box-shadow: 0 0 0 3px #006;
    box-shadow: 0 0 0 3px #006;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #006
    }
 

De esta manera el spam ocupa casi el div entero.

Lo que no consigo hacer es que se ajuste al texto, dandole un margen, vamos hacerlo ajustable alrededor del texto

Alguna idea?

gracias

[ipraetoriux]

...puedes usar

Código CSS:

float:left
 

o tambien

Código CSS:

display: inline-block;
 

[miriamgomez]

Genial¡¡¡ usa la segunda opcion y funciono muy bien.

Solo una duda: ¿como dejar un espacio antes y después del span?

Vamos como una salto de linea.

Un saludo

[grossbergsteven]

tal vez con un

Código HTML:

<br>
 

te sirva

[miriamgomez]

buscaba algo mas css, pero gracias por tu aporte.

Si no hay otra opción, usaremos esa.

Un saludo

[ipraetoriux]

...usando clear: both, o clear:left, o clear: right, dependiendo para cada lado lo quieras