이 텍스트를 다른 텍스트 아래에 넣으려면 어떻게해야합니까?

이 단락을 제목 (h4) 아래에 넣으려고합니다. 둘 다 왼쪽으로 떠 있고 텍스트는 왼쪽으로 정렬됩니다. 그러나, 그것은 여전히 중심에있게된다. We 've (우리 팀) 테스트를 마쳤습니다. 태그는 문제가 아닙니다. 이 문제를 해결하는 방법에 대한이 텍스트를 다른 텍스트 아래에 넣으려면 어떻게해야합니까?

.postStarter { 
    background: #FFF; 
    border-bottom: 1px solid #E0E0E0; 
    width: 500px; 
    height: 100px; 
} 

.post { 
background: #FFF; 
border-bottom: 1px solid #E0E0E0; 
width: 500px; 
height: 100px; 
} 

.postText { 
    float: left; 
    text-align: left; 
} 

#content { 
    width: 1000px; 
    height: 900px; 
    background: #FFF; 
    border-left: 1px solid #E0E0E0; 
    border-right: 1px solid #E0E0E0; 
    border-top: .5px solid #FFF; 
    border-bottom: none; 
}

어떤 아이디어 : 여기

<center><div id="content"> 
                   <!-- <p>hi.</p> --> 
    <div class="postStarter"> 

    </div> 
    <div class="post"> 
    <img src="person.png" class="avatar-entry"><a href="profiles/2-thomas"><h4 class="postAuthor">Ranger Thomas A.</h4></a> 
    <br /> 
    <br /> 
     <p class="postText">UNIX-BASED.</p> 
    </div> 
    <div class="post"> 
    <img src="person.png" class="avatar-entry"><a href="profiles/2-thomas"><h4 class="postAuthor">Ranger Thomas A.</h4></a> 
    <br /> 
    <br /> 
     <p class="postText">Living the Mac life.</p> 
    </div> 
</div>

는 CSS입니까? http://i.redsroom.info/npPO.

출처

2013-06-11 Thomas

사용 [이]의 문제를 (http://jsfiddle.net/)를 참조하기 쉬울 것 –

시도는 다음과 같이, 체 "P"태그 전에 "명확한 사업부"를 넣어 :

<div class="post"> 
<img src="person.png" class="avatar-entry"><a href="profiles/2-thomas"><h4 class="postAuthor">Ranger Thomas A.</h4></a> 
<br /> 

<div class="clear"></div> 
    <p class="postText">UNIX-BASED.</p>

출처

2013-06-11 14:40:38

자사의 HTML로 당신을 인용 모든 클래스를 문서를 보지 않고 이야기하기 어려운 CSS 스 니펫과 도큐멘트 유형 등에서 볼 수 있습니다.

.postText에서 떠 다니는 플로트를 제거하면 나중에 지워지지 않으므로 어떻게되는지보십시오. 이는 과도한 영향을 줄 수 있습니다.

우리가 더 잘 이해 할 수 있도록 코드를 게시하는 JS 빈

출처

2013-06-11 14:41:07

이 텍스트를 다른 텍스트 아래에 넣으려면 어떻게해야합니까?

답변

관련 문제