Horizonal rule – thematic break

<hr> tags define thematic breaks and indicate shift in topic on an HTML page.

Ie:

How about a stylish solid line with a little drop shadow?

<hr style=”border: 3px solid #0065a9; border-radius: 5px; box-shadow: 0px 1.6px 3.5px rgba(0,0,0,0.3);”/>

<hr style=”border: 4px solid blue;” />

Uhoh… the code above worked until a few days ago in chrome… now’s there an empty space in the center! 

So here’s some new code that creates an elegant result:
 

<hr style=”background-color: #0065a9; width: 50{7ba234b5a6722599720cf0226475580133400412fd008b1db546981100fed8fe}; border: 2px solid red;” />

<hr style=”background-color: #0065a9; width: 50{7ba234b5a6722599720cf0226475580133400412fd008b1db546981100fed8fe}; border-radius: 5px; box-shadow: 0px 1.6px 3.5px rgba(0,0,0,0.3);” />