Autor Tema: CSS y HTML Uso de text-align, text-decoration, white-space, pre-wrap CU01040D  (Leído 228 veces)

alefaletti

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 49
    • Ver Perfil
Respuesta para el ejercicio CU01040D del taller de programación web con CSS.

HTML

Código: [Seleccionar]
<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

Código: [Seleccionar]

.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%;}

« última modificación: 14 de Mayo 2017, 19:56 de Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1248
    • Ver Perfil
Re:Ejercicio final (CU01041D)
« Respuesta #1 : 14 de Marzo 2017, 20:32 »
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

alefaletti

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 49
    • Ver Perfil
Uh Pedro disculpas. Voy a prestar mas atención.

Un abrazo.

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1248
    • Ver Perfil
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.

http://www.aprenderaprogramar.com/foros/index.php?topic=5255.msg20852#msg20852

Saludos. ;D

 

Esto es un laboratorio de ideas...
Aprender a programar

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".