image and text side by side html css using image align, you can choose a left, center, or right placement.
image and text side by side html css
Today I will learn to you html css image and text side by side. You need to use 2 DIVs and place them next to each other. The images are in the div element. you can also read How To Put Images Next To Each Other In Html?
How to Float an Image to the Left of Text on a Webpage?
index.html
<!DOCTYPE html>
<html>
<head>
<title>image and text side by side html css - www.pakainfo.com</title>
<style>
.logo {
margin-left:2%;
float:left;
height:40px;
width:40px;
}
.main-part {
width:100%;
height:auto;
padding:1%;
}
h4 {
margin:0px;
}
</style>
</head>
<body>
<div class='main-part'>
<div>
<img src='https://www.pakainfo.com/wp-content/uploads/2021/08/cropped-cropped-pakainfo-2-1.png' class='logo'>
</div>
<div style='margin-left:60px;'>
<h4>Facebook</h4>
<div style="font-size:.6em;float:left;">Free Download Source Code</div>
<div style="float:right;font-size:.6em">0 mins ago</div>
</div>
</div>
</body>
</html>
I hope you get an idea about image and text side by side html css.
I would like to have feedback on my infinityknow.com.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.