punctuation on left when direction: rtl

When using direction: rtl the puctuation is on the left instead of the right.
http://stackoverflow.com/a/20799360/806777

<div style='direction: rtl;'>Hi!</div>

!Hi