ラベルdintはこれのために働いた！お待ちください

Question

divのレイアウトを作って、同じサイズに3つの字幕が入っています！

私は角マテリアライズを使用しています - 通常のHTML/CSSはまた、私は、私は[1] [！1] [[ここに画像の説明を入力します]]添付した

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

を試してみましたが、私

のために働きます私が必要とする正確に何のためのイメージ！

お願いします。同じ3つのdivを内部で使用する必要がありますか？スパン/ラベル？

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>