Creating various available size tags example

Bulma Code		Output
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css"> </head> <body> <div class="container"> <h1 class="title">Large Tags</h1> <span class="tag is-primary is-large">Primary Large</span> <span class="tag is-link is-large">Link Large</span> <span class="tag is-info is-large">Info Large</span> <span class="tag is-success is-large">Success Large</span> <span class="tag is-warning is-large">Warning Large</span> <span class="tag is-danger is-large">Danger Large</span> <h2 class="title">Medium Tags</h2> <span class="tag is-primary is-medium">Primary Medium</span> <span class="tag is-link is-medium">Link Medium</span> <span class="tag is-info is-medium">Info Medium</span> <span class="tag is-success is-medium">Success Medium</span> <span class="tag is-warning is-medium">Warning Medium</span> <span class="tag is-danger is-medium">Danger Medium</span> <h3 class="title">Normal Tags</h3> <span class="tag is-primary is-normal">Primary Normal</span> <span class="tag is-link is-normal">Link Normal</span> <span class="tag is-info is-normal">Info Normal</span> <span class="tag is-success is-normal">Success Normal</span> <span class="tag is-warning is-normal">Warning Normal</span> <span class="tag is-danger is-normal">Danger Normal</span> </div> </body> </html>		Large Tags Primary Large Link Large Info Large Success Large Warning Large Danger Large Medium Tags Primary Medium Link Medium Info Medium Success Medium Warning Medium Danger Medium Normal Tags Primary Normal Link Normal Info Normal Success Normal Warning Normal Danger Normal

Large Tags

Medium Tags

Normal Tags