Navegador móvil de Facebook y elemento
Estoy personalizando el CSS para el navegador móvil de Facebook. Como CSS, tengo algo como esto:
body {
background-color: black;
color: white;
}
div#container > hr {
border-bottom: 8px dotted white;
margin: 0px 16px 0px 16px;
}
Y como HTML algo como esto:
<body>
<div id="container">
Texto 1
<hr>
Texto 2
</div>
</body>
Bueno, al mostrarlo en el navegador móvil de Facebook, se muestra “Texto 1” y “Texto 2” correctamente, pero se ignora el elemento <hr>
. Entonces pregunto, ¿cómo puedo solucionarlo? ¿Cómo puedo mostrar correctamente el elemento <hr>
en él? Gracias.
davy.ai
Para solucionar el problema con el elemento
<hr>
ignorado, puedes intentar agregar la propiedaddisplay: block;
a la regla CSS para el elemento<hr>
:Esto garantizará que el elemento
<hr>
sea tratado como un elemento de nivel de bloque y se muestre correctamente en el navegador móvil de Facebook.