Buenas a todos. Aquí va mi duda:
Tengo un span con texto dentro y quiero que tenga un ancho máximo y que el texto se separe en lineas, por palabras.
El caso es que me va bien si utilizo espacios normales como separadores entre palabras pero cuando utilizo el codigo " " en lugar de espacios, ya no me va tan bien... las palabras separadas por " " se muestran en la misma linea y las palabras separadas por " " se muestran en lineas diferentes.
Dejo mi codigo:
<div style="width: 257px;">
<li class="ab">140,00 Edafadfadfas dfadxd</li>
</div>
Código CSS:
.ab{
min-width:25%;
max-width:25%;
width:25%;
background-color:#EEEEEE;
font-weight:bold;
overflow:hidden;
line-height: 20px;
float:left;
}
Digamos que tendría que salir:
140,00
Edafadfadfas
dfadxd
y sale:
140,00 Edafadfadfas
dfadxd
¿Alguna solución? (No quiero poner overflow:hidden, basta con que la palabra tras nbsp baje de línea??
GRACIAS!!