레이블 dint가 이것을 위해 작동했습니다 !! 제발 부탁합니다

Question

div의 레이아웃을 만들고 싶고, 같은 크기에 3 개의 자막이 들어 있습니다!

나는 각 구체화를 사용하고 있습니다 - [! [] 여기에 이미지 설명을 입력 [1]] 일반 HTML/CSS는 또한 내가 첨부

<div> 
<label> Label 1 </label> 
<label> Label 2 </label> 
<label> Label 3 </label> 
</div> 

나

내가 시도 작동 [1] 내가 필요로하는 바로 그 이미지!

어떤 제안을 해주시겠습니까? 같은 3 div를 사용해야합니까? 또는 span/labels?

Answer 1

여기에 필요한 것이 있습니다.

.tabs label { 
 
    padding: 10px 20px; 
 
    border-left: 1px solid #ccc; 
 
    border-right: 0; 
 
    float: left; 
 
} 
 
label.selected { 
 
    background: #ccc; 
 
} 
 
.tabs label:first-child { 
 
    border-left: 0; 
 
} 
 

 
.tabs { 
 
    margin: 10px; 
 
    display: inline-block; 
 
    border: 1px solid #ccc; 
 
    border-radius: 20px; 
 
    overflow:hidden; 
 
}

<div class="tabs"> 
 
<label class="selected"> Label 1 </label> 
 
<label> Label 2 </label> 
 
<label> Label 3 </label> 
 
</div>