Jazz up your boring old default HR tags with one of these styles.
hr.style-one { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }
hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
hr.style-three { border: 0; border-bottom: 1px dashed #ccc; background: #999; }
hr.style-four { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); }
hr.style-five { border: 0; height: 0; /* Firefox... */ box-shadow: 0 0 10px 1px black; }
hr.style-six { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
hr.style-seven { height: 30px; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; }
hr.style-eight { padding: 0; border: none; border-top: medium double #333; color: #333; text-align: center; }