با سلام 

همان طور که در توضیحات استاد گفتن برای تراز متن با تصویر برای تصویر با متن هم همان خصوصیات قرار دارد.

که گاها ممکن به تراز تصویر با متن باشه و گاهی متن با تصویر.

با تصویر انتخابی میتونید از تگ‌های پایین که قرار دادم استفاده کنید.

The vertical Property:

این برای تراز کردن تصویر با متن هست و مثل تراز کردن متن با تصویر استایل مشابه دارد.

• vertical-align: baseline (default):

img.a {
  vertical-align: baseline;
}

 تصویر با متن به صورت پیش فرض vscode قرار میگیرد.

• vertical-align: text-top:

• img.b {
    vertical-align: text-top;}

  تصویر بالاترین قسمت نسبت به متن قرار می‌گیرد.

• vertical-align: text-bottom:

• img.c {
    vertical-align: text-bottom;
  }
  

  تصویر پایینترین قسمت نسبت به متن قرار می‌گیرد.

  • vertical-align: sub:

• img.d {
    vertical-align: sub;
  }

  تصویر پایین خط متنی قرار میگیرد.

  • vertical-align: sup:

• img.e {
    vertical-align: super;
  }

  تصویر بالای خط متنی قرار میگیرد.