How to line up mjml elements?

Question

Email

Hello, such a problem:
I have a common column in which I put the title and I need to put mj-image next to it with mj-text

<mj-text mj-class="title">
      example text
    </mj-text>
    
    <mj-image width="31px" height="31px" src="url" border="1px solid #415a6d" border-radius="16px" />
    <mj-text color="black"
      font-size="14px"
      font-family="Helvetica"
      line-height="19px">
      text2
    </mj-text>

If you insert this code, they will not line up!

Answer 1

one section and two columns

<mjml>
  <mj-body width="600px">
   
    <mj-section>

      <mj-column width="300px">
<mj-image width="31px" height="31px" src="url" border="1px solid #415a6d" border-radius="16px" />
      </mj-column>
      <mj-column width="300px">
       <mj-text color="black"
      font-size="14px"
      font-family="Helvetica"
      line-height="19px">
      text2
    </mj-text>
      </mj-column>
     
    </mj-section>
</mj-body>
</mjml>