title: css single or multiple line vertical align
body: <p>I have a title that can have one or more lines.</p>
  
  <p>How can I align the text vertically? If it was always one line I could just set the line-height to the container height.</p>
  
  <p>I can do it using JavaScript, but I don't really like it, I'm searching for a pure CSS way. </p>
  
  <p>Also if the container could expand with the lines it would be perfect, so I can always have the same padding on the top and bottom.</p>
  
  <p><img src="https://i.stack.imgur.com/DoVA1.jpg" alt="enter image description here"></p>