Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Chuckyldo en 12 de Febrero 2017, 21:13

Título: HTML la propiedad margin-right al tener como valor 0, anula el centrado CU00716B
Publicado por: Chuckyldo en 12 de Febrero 2017, 21:13
Ejercicio CU00716B del curso de HTML

Código: [Seleccionar]
(CU00716B)
Hola, estuve haciendo un ejercicio y lo hice 2 veces, pero mis resultados de la página html no son lo que deberían ser, quería saber si me pueden decir dónde está mi error. Es el ejemplo 1 y el código que YO escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo del uso de separadores - aprenderaprogramar.com</title>
</head>
<body>
<hr style="height: 5px;" style="width: 50%;" style="text-align: center; margin-right: 0px;" style="background-color: red;"/>
</body>
</html>

El resultado debería ser el siguiente:
(http://i.imgur.com/ykSQE.jpg)

Por favor ayúdenme, reemplazé las etiquetas con atributos deprecated, pero no pasa nada. Gracias.
Título: Re:¿Por qué mi página no luce cómo debería?
Publicado por: pedro,, en 13 de Febrero 2017, 20:05
Hola Chuckyldo.

Tienes mal esta línea:

Código: [Seleccionar]
<hr style="height: 5px;" style="width: 50%;" style="text-align: center; margin-right: 0px;" style="background-color: red;"/>

El atributo style del elemento hr solo debes de indicarlo una vez, de la forma que lo tienes solo te funciona el primero de ellos, tendría que ser así:

<hr  style="width: 50%; height: 5px; text-align: center; margin-right: 0px; background-color: red;"/>

Aún así la propiedad margin-right al tener como valor 0, anula el centrado y te aparecerá alineado a la derecha de la pantalla.

Saludos. ;D
Título: Re:HTML. ¿Por qué mi página no luce cómo debería?
Publicado por: Chuckyldo en 14 de Febrero 2017, 05:24
Muchas gracias, pude entenderlo.