Sometimes You've Just Gotta Draw a Line
I needed a short line in my HTML UI. Turns out, you can do it with CSS. Here's the code that draws the specific line I needed:
<div style="height: 14px; color:white; background:white; position:absolute; left:77px; top:8px; transform:rotate(27deg); -ms-transform:rotate(27deg); /* IE 9 */ -webkit-transform:rotate(27deg); /* Safari and Chrome */ width:1px"/>And here's a general-purpose kit for drawing lines a lot, which provided the clues I needed:
So now you know.
(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)