How to align text next to an icon with CSS?

Question

I would like to draw an icon, with text next to it, examples below:

BAD example:

@ text text text text text text
text text text text text text
text t         


        

Answer 1

Here's a way to do it with text, using absolute positioning.

div {
  width: 100px;
  position: relative;
  padding-left: 1em;
}

div span {
  position: absolute;
  left: 0;
}

@text text text text text text text text text text text text text text text text text text text text text text text text text