CSS가

Question

인 단락 요소 스타일 지정하기 "내 사진을 잠깐 만듭니 까?" 넘쳐 흐르고 있고 올바르게 표시되지 않습니까? 나는 무엇을 잘못 할 수 있 었는가? 여기

가 내 소스와 JSFiddle입니다 : 당신이 거기에 p이의를 제거하는 것이 유지하려면 빠른 수정을 위해

http://jsfiddle.net/tPSfy/

Answer 1

당신은 (다음 CSS ID를으로부터 폭을 제거 # 공유 action.moment 페이지 & #이 필요합니다 share-action p), 아래 코드를 확인하십시오. 고정 너비가 올바르게 서식을 지정하지 않는 이유입니다.

#share-action.moment p { 
    color: #444444; 
    float: left; 
    font-family: Verdana,Geneva,sans-serif; 
    font-size: 12px; 
    line-height: 20px; 
    margin: 0; 
    padding: 0; 
/* width: 70px; */ 
} 
#share-action p { 
    float: left; 
    font-family: Verdana,Geneva,sans-serif; 
    font-size: 12px; 
    line-height: 20px; 
    margin: 0; 
    padding: 0; 
/* width: 70px; */ 
} 

Answer 2

, 당신은 span 태그로 p 태그를 대체 할 수 너비가 70px이면 div 아래에 해당 텍스트가 표시됩니다. 추가 검사에

#share-action.moment p /* remove width or place width: auto */ 

, 당신은 허용되지 않습니다 두 share-actionids이있다; ids은 고유 한 문자입니다. classes은 반복 될 수 있습니다.

Answer 3

해당 텍스트를 둘러싼 <p>을 제거하거나 width을 <p>으로 변경하십시오.

Answer 4

크기가 컨테이너에 영향을 미치지 않으므로 부동입니다. 당신은 컨테이너 대신 폭의

Answer 5

을 확장 clear:both와 함께 빈 요소를 추가 할 수 있습니다 : 70 픽셀

#share-action.moment p 
    { 
    ... 
    width: auto; 
    ... 
    }