و هماهنگی تصویر با متن The vertical Property vertical-align در css

با سلام 

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

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

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

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;
  }

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