Fontawesome icon prevent newline wrapping

Question

how can I prevent a newline to be inserted between a fontawesome icon and the text that is near this icon ?

See the fiddle, I have a nbsp, but it is discarded.

Answer 1

This seems to work, click Run code snippet below:

body {
  text-align: center;
}

.resizable-wrapper {
  border: solid 1px black;
  resize: both;
  overflow: auto;
}

.item {
  position: relative;
  padding-left: 20px;
}

.item + .item {
  margin-left: 20px;
}

.fa {
  position: absolute;
  top: 0;
  left: 0;
}

Lorem 
ipsum
dolor sit amet, consectetur adipiscing elit. Proin rutrum libero eget justo tempor ornare. Sed aliquam libero sed quam facilisis fringilla. Pellentesque habitant