Placing a text below an image

Question

I want to place the text below the image.But when i add a paragraph, it is set behind the image. How to fix this please ???

<div style="width:96%;"><img src="../Images/2.jpg" height="640" style="position: absolute; left: 0px; top: 0px; width: 1200px; height: 700px; float: left; z-index: 0;"/></div>

<div><p>Vision defines the optimal desired future state and the conceptual image of what an organization wants to achieve over time. It provides guidance and inspiration to what an organization is focused on achieving in some time. It is written briefly in an inspirational manner that makes it easy for all employees to repeat it at any given time. “All Sri Lankans seamlessly connected with world-class information, communication and entertainment services" is the vision of SLT.</p><</div>

Answer 1

You positioned the picture absolute, thats why it is in a layer above the text. simply drop the style and the text follows vertically after the block element div.

body{
  margin:0;
}

<div style="width:96%;">
<img src="http://i.imgur.com/0nJG7lN.png" />
</div>

<p>Vision defines the optimal desired future state and the conceptual image of what an organization wants to achieve over time. It provides guidance and inspiration to what an organization is focused on achieving in some time. It is written briefly in an inspirational manner that makes it easy for all employees to repeat it at any given time. “All Sri Lankans seamlessly connected with world-class information, communication and entertainment services" is the vision of SLT.</p>

Answer 2

Since the DIV is positioned absolute
place the <p> tag inside that DIV right after the <img> tag.
Hope it will work.