Facebook Mobile Browser and <hr> element

42 views Asked by At

i customizing css for facebook mobile browser. As css i have something like:

   body {
        background-color: black;
        color: white;
    }

    div#container > hr {        
        border-bottom: 8px dotted white;
        margin: 0px 16px 0px 16px;
    }

And as HTML something like:

<body>
  <div id="container">
  Text 1
  <hr/>
  Text 2
</div>
</body>

Well, displaying it on facebook mobile browser i display Text1 and Text2 correctly but


element is ignored. So i ask, as i can fix it? How i can display correcty
element in it? Thanks.

1

There are 1 answers

3
umair mehmood On

Check that out Why doesn’t my site display properly in the Facebook in-App Browser?

you can also use div with border-bottom if the <hr> isn't working correctly.