title: Two elements on the same line, with text on multiple lines
body: <p>I have two elements that I want on the same row. Currently I have:</p>
  
  <pre><code>#element 1 {
    display:inline-block;
    margin-right:15px;
  }
  
  #element 2 {
    display:inline-block;
  }
  </code></pre>
  
  <p>It works, BUT whenever element 2 (text) have more than one row, then everything loses its position. I want element two always stay in one place, and not format when element 2 gets more than two row. </p>
  
  <p>See example picture. Notice in the first row it looks normal, but in the second row when the text is on more than two row, it starts to look bad. See in picture 2 in how I want it too look like. </p>
  
  <p><img src="https://i.stack.imgur.com/C6dcP.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/Fa5Xv.png" alt="enter image description here"></p>