Align two elements inside legend tag

Question

How can I align the image with the text?

<fieldset>
  <legend>
    <img src="http://www.placehold.it/50" width="50" height="50" />
    <label id="dettagli_ordine">Dettagli Ordine N° ${numero_ordine}</label>
  </legend>
</fieldset>

Answer 1

You can use vertical-align: middle to image element:

legend img {
  vertical-align: middle;
}

<fieldset>
  <legend>
    <img src="resources/images/pacco.gif" width="50" height="50" />
    <label id="dettagli_ordine">Dettagli Ordine N° ${numero_ordine}</label>
  </legend>
  </fiedset>