Answers for "css code for placing image and text side by side"

2

html image and text side by side

<!-- In Your Css Code -->
<style>
  img {
    width: 50%; /*image width*/
    float: left; /*image position*/
  }
  p {
    width: 50%;
    float: right;
  }
  /*If you face any problem make sure the <body> element has no padding.
  If you want some white space between the image and text, reduce the width
  percentages and make use of "margin" and "padding"*/
</style>

<!-- In Your Html Code -->
<img src="image.jpg" alt="Your Image">
<p> Your Text Goes Here </p>
Posted by: Guest on April-29-2021

Code answers related to "css code for placing image and text side by side"

Browse Popular Code Answers by Language