<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
.content {
overflow: auto;
border: 3px solid #666666;
}
.content div {
padding: 10px;
}
.content a {
color: bleu foncé;
}
.blue {
float: droite;
width: 45%;
background: #1c87c9;
}
.vert {
float: gauche;
width: 35%;
background: #8ebf42;
}
</style>
</head>
<body>
<div class="content">
<div class="blue">
<p>C’est quelque paragraphe dans le tag div.</p>
<a href="#">C’est quelque hyperlien dans le tag div.</a>
<ul>
<li>Élément 1</li>
<li>Élément 2</li>
</ul>