-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexercice17.html
36 lines (29 loc) · 3.81 KB
/
exercice17.html
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
<html>
<head>
<title> En tête de ma page </title>
<style type="text/css">
section
{
column-count: 3;
column-gap: 10px;
column-rule: dashed red 4px;
text-align: justify;
}
p
{
margin-top: 0px;
}
</style>
</head>
<!-- Commentaire JSO -->
<body>
<!-- ... -->
<h1>CSS3</h1>
<section>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec urna ullamcorper nibh rhoncus dapibus in vel tortor. In lacus odio, dignissim nec convallis cursus, faucibus eu odio. Fusce in eleifend massa. Curabitur ut magna quis erat finibus suscipit at at sem. Nam mattis magna in neque lacinia blandit. Sed quis pulvinar leo. In tincidunt viverra libero, sit amet pretium est viverra nec. Proin placerat felis vel libero maximus, vitae accumsan ex pretium. Suspendisse volutpat ipsum eget vulputate sagittis. In sodales pulvinar mauris eget hendrerit. Curabitur viverra feugiat risus, porta faucibus velit cursus vel. Nam ut ipsum sed dolor ornare aliquam. Vivamus volutpat pharetra augue, eu interdum urna scelerisque sit amet. Donec porttitor, augue nec suscipit tempus, massa metus molestie enim, eu gravida nulla velit sit amet tortor. </p>
<p>Fusce id risus felis. Pellentesque consectetur, purus a ultrices lacinia, arcu eros ullamcorper orci, quis tincidunt ante neque nec magna. Nunc vel fringilla quam, tincidunt placerat risus. Nulla nec ipsum rhoncus, condimentum nisi sit amet, tristique lacus. Nullam tincidunt rhoncus tellus at bibendum. Etiam condimentum, nibh vitae ultricies pretium, lacus augue tempus sapien, sed tincidunt ligula quam a ante. Morbi sed feugiat odio. Sed iaculis dolor eu molestie suscipit. Sed luctus ligula eu facilisis cursus. Mauris sollicitudin, justo eget pellentesque fringilla, lacus mi aliquam eros, ac fringilla mi ipsum commodo nisi. Quisque commodo dolor vitae nisi bibendum, in iaculis ligula tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
<p>Pellentesque lacus leo, laoreet quis euismod quis, fringilla sit amet enim. Phasellus quam urna, varius euismod urna ac, sagittis efficitur dolor. Ut lacinia sapien ut elementum pulvinar. Mauris pulvinar molestie ipsum, quis ornare enim bibendum in. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam placerat neque id consequat luctus. Etiam id tempor libero, ac tempus libero. Proin quis lectus mauris. Sed porta rhoncus elit, non tincidunt enim ultrices non. Vivamus ac egestas neque, ac varius justo. Suspendisse nec risus quis turpis vulputate pellentesque sed nec neque. Integer porttitor augue eu erat pharetra posuere sit amet nec ex. Vestibulum vel tincidunt augue, eu hendrerit urna. Curabitur tempus risus sed suscipit bibendum. </p>
<p>Suspendisse fermentum eget lacus a pretium. Donec mi justo, pellentesque at turpis in, auctor consequat mi. Suspendisse nec ante in nisl imperdiet egestas quis at enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ullamcorper interdum orci, id aliquet odio pretium in. Suspendisse efficitur lacus id est venenatis, pulvinar dictum augue vehicula. Suspendisse placerat fringilla lorem, quis ultrices tortor pharetra in. Aliquam vel massa turpis. Morbi odio lacus, malesuada non libero a, porta dictum elit. Nunc porta mattis diam, id fermentum lectus ultrices quis. Donec posuere laoreet magna, nec vehicula lectus commodo et. Maecenas justo mauris, accumsan in arcu vel, laoreet semper odio. Integer vel enim eu dui tempor lobortis vel feugiat elit. In in scelerisque est, quis cursus eros. </p>
</section>
</body>
</html>