Autor Tema: HTML Ejercicio CU00718B (Leído 2351 veces)

Dimitar Stefanov · « **en:** 12 de Enero 2016, 14:19 »

Aquí cuelgo mi solución del ejercicio. No sé por qué las lineas de <hr /> me aparecen en el medio del documento y no pegados a la izquierda. Será tema de margin?

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Ejemplo de listas - aprenderaprogramar.com</title>
</head>
<body>
	<ol>
		<li>Doctores</li>
			<ul>
				<li>Juana Pérez</li>
				<li>Alberto Márquez</li>
				<li>Raúl MOreno</li>
			</ul>
			<hr style="height: 10px; width: 50%; background-color: blue;"/>
		<li>Ayudantes</li>
			<ul>
				<li>Noelia Suárez</li>
				<li>Abel Rebollo</li>
			</ul>
			<hr style="height: 10px; width: 50%; background-color: blue;"/>
		<li>Auxiliares</li>
			<ul>
				<li>Silvia Estévez</li>
				<li>Angela González</li>
				<li>Cuarthemoc Adanez</li>
			</ul>
			<hr style="height: 10px; width: 50%; background-color: blue;"/>
	</ol>
</body>
</html>

Jorge lopez · « **Respuesta #1 en:** 13 de Enero 2016, 01:21 »

Hola dimiste!

Veo tu respuesta correcta con relación al enunciado del ejercicio.

Respecto a tu inquietud sobre la posición visual del hr, pues también estas en lo correcto, esto se puede controlar mediante las propiedades margin, margin-left y margin-right. Para alinear a la izquierda por ejemplo, seria: margin-left: 0px;

Good job!!

Saludos..

Dimitar Stefanov · « **Respuesta #2 en:** 13 de Enero 2016, 16:51 »

Gracias,

Jorge Lopez.

Y gracias por la oportación. Se nota mi ignorancia en el tema de los códigos, pero me fascina mucho el tema y poco a poco estoy aprendiendo. Gracias por corregirme, es la única manera de aprender, evidentemente con los cursos que hay en esta página también, porque son excelentes.

Saludos.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: