Respuesta para el ejercicio CU01040D del taller de programación web con CSS.
HTML
<body>
<div id="uno">
<span class="sub"> En la caja 1 </span> vemos el comportamiento normal, según el cual varios espacios en
blanco seguidos son ignorados y el texto se va desarrollando sobre la caja y
aprovechando un espacio en blanco para crear el salto de línea cuando es necesario
debido a que el tamaño del contenedor es insuficiente.</span>
En la caja 2 vemos el comportamiento no-wrap.
El texto no salta de línea y se mantiene en una única línea, excediendo el tamaño del contendor sin adaptarse a él.
</div>
<div id="dos">
En la caja 1 vemos el comportamiento normal,
según el cual varios espacios en blanco seguidos son ignorados
y el texto se va desarrollando
sobre la caja y aprovechando
un espacio en blanco para crear el salto de línea cuando es necesario
<span class="overline"> debido a que el tamaño </span> del contenedor es insuficiente.
En la caja 2
vemos el comportamiento no-wrap.
El texto no salta de línea y <span class="overline"> se mantiene en una única línea </span>, excediendo el tamaño del contendor sin adaptarse a él.
</div>
<div id="tres">
<span class="quinceespacios"> En la caja 1 vemos el comportamiento normal, </span> según el cual varios espacios en
blanco seguidos son ignorados y el texto se va desarrollando sobre la caja y
aprovechando un espacio en blanco para crear el salto de línea cuando es necesario
debido a que el tamaño del contenedor es insuficiente.
En la caja 2 vemos el comportamiento no-wrap.
El texto no salta de línea y se mantiene en una única línea, excediendo el tamaño del contendor sin adaptarse a él.
</div>
</body>
CSS
.sub {text-decoration:underline;}
.overline {text-decoration:overline;}
.quinceespacios {white-space:pre-wrap;}
div
{margin:20px;
padding:10px;
width:200px;
height:400px;
border-style:solid;
border-width:4px;
float:left
}
#uno {color:#FF6347; text-align:center; text-indent:10%;}
#dos {color:#008080; white-space:pre-line;}
#tres {text-align:justify; color:#8B4513;text-indent:20%;}
Tema: CSS y HTML Uso de text-align, text-decoration, white-space, pre-wrap CU01040D (Leído 2874 veces)
RSS -
WAP2