Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: alefaletti en 11 de Marzo 2017, 16:11
-
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%;}
-
Hola alefaletti.
El ejercicio está bien resuelto.
Solo pedirte que intentes colocar títulos adecuados y que describan en lo posible el ejercicio que presentes, e intentes colocar el código bien, puesto que el ejercicio que presentas ahora es el CU01040D y no el CU01041D
Saludos. ;D
-
Uh Pedro disculpas. Voy a prestar mas atención.
Un abrazo.
-
Se me pasó comentarte que en el apartado c se te olvidó aplicar algunas cosas, como la alineación a la derecha, la identación del primer párrafo...
Te dejo un enlace con una solución completa.
https://www.aprenderaprogramar.com/foros/index.php?topic=5255.msg20852#msg20852
Saludos. ;D