Hover over a point of an image and text appears on the side

Question

I have an image and on the image is a timeline with 4 numbers. I want text to appear next to the image when I hover over one of the numbers. How do I do this?

Much appreciated.

Answer 1

there you go: http://jsfiddle.net/zcps7xef/

html

<div id="contain">
<a>text</a>
    <div class="text">other text</div>
</div>

css

#contain{
    clear: both;
}

a{
    float: left;
    margin-right: 14px;
}

#contain:hover div.text{
    display: block;
}

.text{
    float: left; 
    display: none;    
}