css-lessons/lesson41.html at main · devopshayk/css-lessons · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/lesson41.css">
    <title>Lesson 41</title>
    <body>
        <div class="container">
            <div class="name"><h4>CSS</h4></div>
                <div class="code">
                <span class="orange">.something-semantic</span><span class="white">&nbsp;&nbsp;{</span><br/>
                <span class="grey">display</span><span class="white">: </span>&nbsp;&nbsp;<span class="red">table</span><span class="white">;</span><br/>
                <span class="grey">width</span><span class="white">:</span>&nbsp;&nbsp;<span class="red">100%</span><span class="white">;</span><br/>
                <span class="white">}</span><br/>

                <span class="orange">.something-else-semantic</span><span class="white">&nbsp;&nbsp;{</span><br/>
                <span class="grey">display</span><span class="white">: </span>&nbsp;&nbsp;<span class="red">table-cell</span><span class="white">;</span><br/>
                <span class="grey">text-align</span><span class="white">:</span>&nbsp;&nbsp;<span class="red">center</span><span class="white">;</span><br/>
                <span class="grey">vertical-align</span><span class="white">:</span>&nbsp;&nbsp;<span class="red">middle</span><span class="white">;</span><br/>
                <span class="white">}</span><br/>

                </div>

            </div>
        </body>
        </html>