- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Vertical alignment of an image using CSS
To align an image vertically using CSS, use the vertical-align property. You can try to run the following code to align image vertically −
Example
<!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>
- Related Articles
- CSS Central, Horizontal and Vertical Alignment
- Set Text Alignment using CSS
- Setting Text Alignment using CSS
- Center alignment using the margin property in CSS
- How to set the vertical alignment of the content in an element with JavaScript?
- Display an Icon from Image Sprite using CSS
- Horizontal and Vertical Center Alignment with Flexbox in CSS3
- Left and Right Alignment using the float Property in CSS
- Advantage of Using CSS Image Sprite
- How to set vertical alignment for a component in Java?
- Set the height and width of an image using percent with CSS
- Set Text Alignment Working with CSS
- How to place text blocks over an image using CSS?
- Setting Background Image using CSS
- Center an image with CSS

Advertisements