html - How can I create a horizontal line with <span> or <div>, instead of <hr>? -

i know how can make tag <hr> effect tag <span> or <div>.

i see in large websites horizontal lines, not use <hr> tag.

<!doctype html>  <html lang="pt-br">    <head>      <title> h - line </title>     </head>   <body>      <hr/>   </body>  </html>

you can use other html tag, define follows:

span{ display:block; width:100% /*or whatever width want effect of <hr>*/ border-top: 1px solid #ccc }

note use border-bottom or border-top , make color want (#ccc resembles hairline tag pretty well)

good luck!

Brazille