Estoy teniendo algunos problemas con mi hr etiqueta en HTML, ya que no se centra automáticamente como esperaba. Así es como se ve mi código actual:
<div id = "updatestatus" class = "statuscontainer">
<div class = "verticalalign">Update Status</div>
</div>
<hr width = "95%">
<div id = "insertstatus" class = "statuscontainer">
<form></form>
</div>
Como puede ver, estoy colocando mi hr etiqueta entre dos divs, y creo que se supone que debe centrarse automáticamente, pero termina yendo hacia la izquierda. yo tambien he probado hr align = center sin éxito tampoco.
Editar: me acabo de dar cuenta de que cuando coloco todo hr etiqueta dentro <center></center> se centra, pero todavía estoy tratando de averiguar por qué no se centra por sí solo.
Intentar margin: auto;
<hr style="width:100px; margin: auto;" />
Dita Aji Pratama
yo suelo !important en mi CSS
<hr style="width:50%; margin-left:25% !important; margin-right:25% !important;" />
-
Es importante usar
!importantsolo cuando realmente lo necesitas.– Pablo Bianchi
28 de agosto de 2018 a las 2:28
kiran lohar
Simplemente agregue el siguiente css para la etiqueta hr
width:25%;
margin: auto;
Como se muestra en esta demostraciónel
<hr>es centrado (exageré el ancho allí). Use el inspector de su navegador para ver el estilo calculado del elemento (cuidado conmarginque alinea un<hr>) y también lo que es verdadalignel atributo es.– rvighne
15 de julio de 2014 a las 3:34
Los centros de recursos humanos están bien, ¿te refieres a Actualizar estado?
– Fabián Heredia Montiel
15 de julio de 2014 a las 3:34
Interesante… Estoy seguro de que cuando veo mi página html, HR se alinea a la izquierda en lugar de estar centrado. Y me refiero a recursos humanos desafortunadamente, no actualizar el estado
– Phil
15 de julio de 2014 a las 3:35
Supongo que tiene algo que ver con mi CSS entonces. Pero me parece extraño ya que no estoy flotando nada a la izquierda en ninguno de mis contenedores.
– Phil
15 de julio de 2014 a las 3:36
¿Cómo es tu CSS?
– Romuleald
17/04/2015 a las 19:45