- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- 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>
Updated on 30-Jun-2020 07:53:42
- Related Questions & Answers
- CSS Central, Horizontal and Vertical Alignment
- Set Text Alignment using CSS
- Setting Text Alignment using CSS
- How to set the vertical alignment of the content in an element with JavaScript?
- Center alignment using the margin property in CSS
- Advantage of Using CSS Image Sprite
- Display an Icon from Image Sprite using CSS
- Horizontal and Vertical Center Alignment with Flexbox in CSS3
- Center an image with CSS
- How to set vertical alignment for a component in Java?
- Set the width of an image with CSS
- Set the height of an image with CSS
- Set the opacity of an image with CSS
- Set the height and width of an image using percent with CSS
- Setting Background Image using CSS
Advertisements