testdome-html-css-questions/BlogTags.html at main · jdegand/testdome-html-css-questions · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>

<head>
    <style>
        .tag {
            padding-right: 5px;
            padding-left: 5px;
            border: solid;
        }

        .tag-regular {
            border-radius: 20px;
        }

        .tag-high {
            background: Tomato;
        }

        .tag-mid {
            background: Yellow;
        }

        .tag-low {
            background: LimeGreen;
        }
    </style>
</head>

<body>
    <div id="tags">
        <span class="tag tag-high">Recomendation</span>
        <span class="tag tag-regular tag-mid">Travel</span>
        <span class="tag tag-regular tag-low">Food</span>
        <span class="tag tag-regular tag-mid">Hawaii</span>
        <span class="tag tag-regular tag-mid">Beach</span>
    </div>
</body>

</html>