HTML 목록 제품 특성

Question

나는 다음과 같은 방법으로 같은 제품 속성을 나열하고 싶은 항목

재산권 3 : 항목 4432

속성 : 항목

"항목"은 일종의 들여 쓰기를 시작합니다.

테이블 및 div를 사용하여이 작업을 수행 할 수 있음을 알고 있습니다. 그러나 그들은 나에게 잔인한 것 같다. 누군가가 이것이 일반적으로 어떻게 구현되는지를 말할 수 있습니까?

미리 감사드립니다.

Answer 1

정의 목록은 여기에 해당 될 것이다 : http://jsfiddle.net/Jolora/N5Zkd/

:

dl dt { 
    float: left; 
    margin: 0 10px 0 0; 
} 

dl dd + dt, dl dd + dd { 
    clear: left 
} 

dl dd + dd { 
    float: none 
} 

여기 jsfiddle를 참조하십시오

<dl> 
    <dt>Property</dt> 
    <dd>The related item</dd> 
    <dt>Property2 </dt> 
    <dd>The second related item</dd> 
</dl> 

당신이 당신의 질문은 다음과 같은 CSS를 사용에 표시 정확하게 그 목록 표시하려면

단순한 순서가 지정되지 않은 목록은 조금 덜 의미가 있지만 더 깨끗한 코드를 생성합니다.

<ul> 
    <li>Property <span>The related item</span></li> 
    <li>Property 2 <span>The related item</span></li> 
</ul> 

스팬 태그를 사용하면 들여 쓰기를 적용 할 CSS를 추가 할 수 있습니다. 여분의 공백 들여 쓰기가 필요하지 않으면 span 태그를 제거하십시오.