Friday, April 19, 2013

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:

  style="height: 14px;
  color:white; background:white;
  position:absolute; left:77px; top:8px;
  -ms-transform:rotate(27deg); /* IE 9 */
  -webkit-transform:rotate(27deg); /* Safari and Chrome */

And here's a general-purpose kit for drawing lines a lot, which provided the clues I needed:

So now you know.