div div 안에 CSS를 사용하여 사이드 바에서

Question

페이지가 있습니다.이 페이지 아래에 이미지 아래에 제목이 들어있는 왼쪽 막대가 있어야합니다. 그 아래의 텍스트 아래에있는 텍스트 어떻게해야합니까? 나는 상대적인 위치와 절대적으로 노력했지만 작동하지 않았다.

내가 원하는 것은 div 안에 div가 있다는 것은 왼쪽 사이드 바가 제목, 이미지, 텍스트, 목록을 포함하는 div라는 것을 의미한다.

누구나 나를 도울 수 있습니다 ?????

당신이 달성하기 위해 무엇을하려고하는이 fiddle 내가 이미지

.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; 
} 

Answer 1

에하려고 노력인가이?

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; 
} 

가 이미지 옆에 텍스트와 다른 옵션입니다 -이 같은>fiddle2