Control HR tag width and height

Wed Feb 15, 2012 9:36 pm

Following example show you how to control your usage hr width , height and color at the same time using CSS classes.

Code:: <html> <head> <title>change the width of HR tag</title> <style type="text/css"> hr.hr1 { background-color: red; width: 100px; height: 12px; } hr.hr2 { background-color: red; width: 400px; height: 5px; } </style> </head> <body> <hr class="hr1" /> <p>Changing the hr width using css</p> <hr class="hr2" /> </body> </html>