Aquí os dejo el ejercicio para ver como está. ejercicio CU01040D del curso de CSS text-aling, color , text-decoration, etc.....
gracias por vuestro tiempo de ante mano
muchas muchas gracias
saludos
os dejo los códigos...
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="description" content="portal web - Aprendeaprogamar.com">
<meta name="keywords" content="propiedades para el control de texto CSS">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos16.css">
<title>propiedades para el control de texto CSS</title>
</head>
<body>
<header class="header">Propiedades para el control de texto CSS</header><br/>
<h3 class="h3">text-align,text-indent,
text-decoration,color,
white-space,pre,pre-wrap,
pre-line o normal.</h3>
<h2 style="color: red">Frases de libros de Pablo Coelho </h2>
<div id="div1"><p>--Siempre que me creía dueño <span class="subrayado"> absoluto de la situación</span>, pasaba algo que me derribaba.
Hay cosas que son<span class="subrayado1"> colocadas en nuestras vidas para reconducirnos al verdadero camino</span>. Otras surgen para que
podamos aplicar todo aquello que aprendimos. Y finalmente, algunas llegan para enseñarnos.</p></div>
<div id="div2"><p>--El amor podía ser una<span class="subabajo"> experiencia más temible que estar ante un soldado</span>con una flecha apuntándole al<br/>
corazón. Si la flecha lo alcanzase, estaría muerto,<span class="subabajo1"> y el resto quedaría a cargo de Dios.</span> Pero si el amor lo<br/>
hiriera,<br/> tendría que asumir las consecuencias.</p></div>
<div id="div3"><p>--Por un segundo él<span class="tachado"> sintió que podía compartir</span>su corazón con ella. Pero decidió no arriesgarse.
--Todo lo que podía suceder, pero no sucedío,<span class="tachado1">termina siendo llevado por el viento</span> y no deja ningun
rastro.</p></div>
</body>
</html>
y ahora el CSS:
/*Ejercicio CU01040D propiededes para el control de texto CSS */
*{font-family:arial;}
div{
width: 200px;
height: 400px;
border: solid;
border-width: 4px;
margin: 20px;
padding: 10px;
float: left;
}
.header{
text-align: center;
border: solid;
border-color: red;
}
.h3{
text-align: center;
white-space: pre-line;
border: solid green;
}
#div1{
text-align: center;
color: #FF6347;
text-indent: 10%;
}
.subrayado{
text-decoration: underline;
}
.subrayado1{
text-decoration: underline;
}
#div2{
text-align: right;
color: #008080;
text-indent: 50px;
white-space: pre-line;
}
.subabajo{
text-decoration: overline;
}
.subabajo1{
text-decoration: overline;
}
#div3{
text-align: justify;
color: #8B4513;
text-indent: 20%;
white-space: pre-wrap;
}
.tachado{
text-decoration: line-through;
}
.tachado1{
text-decoration: line-through;
}
Tema: CSS error frecuente repetir código cómo evitarlo uso de clases y otros CU01040D (Leído 5954 veces)
RSS -
WAP2