[RbnJrg]

Originally Posted by ElMiko

Ah, but now we're back to the original issue. This is basically the same code structure as what I initially posted, and the issue is that the float causes the text to break.

Well, try this then:

.bigWrapper {
  text-align: center;
}

.wrapper {
  display: inline-block;
}

.col1 {
  display: inline;
  text-align: left;
}

.col1 img {
  display: block;
  float: left;
  width: 2.5em;
  height: 2.5em;
  margin: 0 5px 0 0;
}

.ib {
  display: inline-block;
}

  <div class="bigWrapper">
    <div class="wrapper">
      <p class="col1"><img alt="" src="../Images/diamant.png"/><span class="ib">LOREM<br/>IPSUM DOLOR SIT AMET, CONSEC</span></p>
    </div>
  </div>

Here you have the output:



Centered block, text aligned to left, no breaks.