Align Image left side and Text right side with css

Question

I have image and a text,i need the image on the left and the text on the right.. i cant change the HTML, so i need to do it with CSS only.

<li>
  <article>
    <header>
      <h3>
        <a href="#">title</a>
      </h3>
    </header>
    <p>
      <img src="image.jpg">
    </p>
   </article>
</li>

Answer 1

In CSS you can use the float function and the margin function to help you with the image placement. just write your usual CSS code with float: left and float: right to help you.