Latest web development tutorials

Foundation label

.label class is used to provide some additional information:

Examples

<H2> Example <span class = "label"> New </ span> </ h2>
<H3> Example <span class = "label"> New </ span> </ h3>
<H4> Example <span class = "label"> New </ span> </ h4>

try it"

The following classes can set the color of the label: .secondary , .success , .info , .warning or .alert :

Examples

<Span class = "label"> Default Label </ span>
<Span class = "label secondary" > Secondary Label </ span>
<Span class = "label success" > Success Label </ span>
<Span class = "label info" > Info Label </ span>
<Span class = "label warning" > Success Label </ span>
<Span class = "label alert" > Alert Label </ span>

try it"

Fillet label

.radius and .round class can add rounded corners for the label:

Examples

<Span class = "label"> Default Label </ span>
<Span class = "label radius" > Radius Label </ span>
<Span class = "label round" > Round Label </ span>
<Span class = "label success round "> 5 </ span>

try it"

Label size

CSS can be used to modify the size of the label:

Examples

<H1> Example <span class = "label" style = "font-size: 36px;"> New </ span> </ h1>
<H2> Example <span class = "label" style = "font-size: 30px;"> New </ span> </ h2>
<H3> Example <span class = "label" style = "font-size: 20px;"> New </ span> </ h3>
<H4> Example <span class = "label"> New </ span> </ h4>

try it"