কম্পিউটার টিউটোরিয়াল

CSS দিয়ে ইমেজের ভার্টিক্যাল অ্যালাইনমেন্ট


CSS দিয়ে ইমেজ ভার্টিক্যালি অ্যালাইন করতে vertical-align প্রোপার্টি ব্যবহার করুন। নিচের কোড রান করে ইমেজ ভার্টিক্যালি অ্যালাইন করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       img {         vertical-align: text-bottom;       }     </style>   </head>   <body>     <p>This is <img src = "https://www.tutorialspoint.com/videotutorials/assets/videos/courses/155/images/course_155_image.png" alt000 = "Video Tutorial" width = "200" height = "150"> demo image.</p>   </body> </html>

  1. CSS ইমেজ স্প্রাইট (Image Sprite) ব্যবহার করে নেভিগেশন মেনু তৈরি

  2. CSS ইমেজ স্প্রাইট থেকে আইকন প্রদর্শন করা

  3. CSS-এ Data-Attributes (data-*) ব্যবহার করা

  4. Image Resizer দিয়ে মিসঅ্যালাইনড ফটো ফিক্স করুন: ধাপে ধাপে গাইড