lps_miniEXOS/test.html at master · vienendelsur/lps_miniEXOS · 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
<!DOCTYPE html>
<html>
<head>
<style>
.center {
    line-height: 200px;
    height: 200px;
    border: 3px solid green;
    text-align: center;
}

.center p {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}
</style>
</head>
<body>

<h2>Centering</h2>
<p>In this example, we use the line-height property with a value that is equal to the height property to center the div element:</p>

<div class="center">
  <p>I am vertically and horizontally centered.</p>
  <p>COUCOU ipsum dolor sit amet, consectetur adipisicing elit. Harum corporis a eius modi id, ex quo. Perferendis maxime nesciunt non dolore quae praesentium, nam, tenetur blanditiis sed vero dolorum distinctio?</p><p>COUCOU ipsum dolor sit amet consectetur adipisicing elit. Tenetur nesciunt molestiae numquam aut fugit atque ad, minus deleniti error, aspernatur accusantium amet porro exercitationem consequuntur provident voluptas aperiam tempora quod! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur commodi iure suscipit cum enim sed voluptate, eum voluptatum mollitia corporis quae! COUCOU facilis earum corrupti eius voluptas dolorum error unde.</p><p>COUCOU</p>
</div>

</body>
</html>