Skip to content
Permalink
design-webpage…
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
 
 
Cannot retrieve contributors at this time
<!DOCTYPE html>
<html>
<head>
<title>Here goes the title of the document</title>
<style>
body {
width: 60%;
line-height: 1.5;
margin-left: auto;
margin-right: auto;
font-family: sans-serif;
}
h1 {
text-align: center;
padding: 2.5rem;
background-color: darkslategray;
color: white;
}
.paragraph {
padding: 2rem;
background-color: aliceblue;
margin-bottom: 2rem;
}
</style>
</head>
<body>
<h1>How to Design a HTML Web Page With CSS</h1>
<div class="paragraph">
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elit integer, magna
consequat nostra magnis commodo quis praesent. Lobortis nostra aliquam
quam ac platea nam at ut tempor conubia cubilia etiam sociis neque cras,
lectus sodales venenatis nunc molestie iaculis mus dignissim aenean
mauris magnis mi feugiat. Posuere odio per aenean torquent litora
feugiat potenti duis mollis eu, metus condimentum ut taciti vestibulum
non mauris malesuada a facilisi, tellus tempus vivamus mattis nostra
nullam turpis euismod pretium.
</p>
<p>
Magnis eleifend aenean condimentum est sodales purus sagittis duis
parturient nulla vulputate cubilia, eget urna natoque dictum etiam eros
convallis bibendum rhoncus egestas. Nisl platea aliquam lacus ridiculus
odio fringilla lacinia urna phasellus ornare, ultricies condimentum
praesent luctus pretium convallis placerat tempor. Id vivamus vitae
lobortis in suscipit aenean diam sociosqu commodo non lacinia, dui mi
integer hendrerit nisl habitant cubilia nibh fames nunc. Lobortis semper
cubilia morbi tristique vestibulum, per nulla mi euismod inceptos nibh,
convallis id varius quis. Sollicitudin pellentesque himenaeos sed proin
habitant gravida, metus etiam eu blandit potenti primis vehicula,
molestie nascetur duis bibendum commodo. Pretium ut turpis id bibendum
magnis ad iaculis leo, tempus facilisi fringilla varius velit inceptos
vel est, himenaeos urna a lacinia conubia quisque nulla. Ante parturient
commodo nunc in leo quam imperdiet euismod, dictum etiam morbi fermentum
quis ad pellentesque porttitor scelerisque, sociosqu ultrices nam at hac
molestie dapibus.
</p>
</div>
</body>
</html>