image and text side by side html css using float code example

Example: 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>

Tags:

Html Example

Recent Posts