Home/ Questions/Q 3211934
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T14:47:09+00:00

I need to show a text with horizontal rule almost touching the text. that

  • 0

I need to show a text with horizontal rule almost touching the text. that is the vertical height between the text and hr should be very less. This should be displayable in mobile safari browser.

http://pastie.org/1206301

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Set the padding/margin to 0 of your hr: (note i put the HR inside the because you don’t want all HR’s assuming that style. You could also give the < hr/> it’s own CSS class too.

    <html>
<head>
<style type="text/css">
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
.new{vertical-align:text-bottom;}
.new hr{padding:0;margin:0;}

</style>
</head>

<body>
    <div class="new">
    test text
    <hr/>
    <div>

</body>
</html>
    • 0