html - div inside a div vertical in a side bar using css -

i have page need have left side bar 1 contain a title under image under text under list how can tried relative position , absolute did not work

what need div inside div means leftsidebar div include the title , image, text, list.

can me ?????

this tried image

.leftsidebar h2 {     padding: 0px 0px 30px 0px;     letter-spacing: -1px;     font-size: 2em; } .leftsidebar {     float: left;     width: 290px;     padding: 0px 0px 20px 0px;     border:5px solid #ff0000;     position:relative;  } #profileimage{     position:absolute;     top:40px;     border:5px solid #0000ff; } 

is fiddle trying achieve?

html:

    <div class="leftsidebar">         <h2>title</h2>         <img src="" height="100" width="100"/>         <ul>             <li>test1</li>             <li>test1</li>             <li>test1</li>             <li>test1</li>         </ul>     </div> 

css:

.leftsidebar h2 {     padding: 0px 0px 30px 0px;     letter-spacing: -1px;     font-size: 2em; } .leftsidebar {     float: left;     width: 290px;     padding: 0px 0px 20px 0px;     border:5px solid #ff0000;     position:relative; } #profileimage{     border:5px solid #0000ff; } 

here option text next image -> fiddle2