Сворачивание вертикальных полей друг в друга с помощью свойств CSS.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Сворачивание полей</title>
<style>
div {
background: #666;
margin: 1em;
}
div p {
margin: 1em;
background: #ccc;
}
#two {
border: 1px solid black;
}
</style>
</head>
<body>
<div>
<p>Marguerite DE Valois naquit le 14 mai 552, et fut le huitième enfant de Henri n et de Catherine de Médicis. Son éducation, dirigée par madame de Curton, fut très-soignée; et, comme si l'on eût voulu qu'elle ressemblât en tout à la célèbre Marguerite, sœur de François i, sa grand'tante, dont on lui trouvoit quelques traits, elle fut instruite dans les lettres, pour lesquelles, dès sa première enfance, elle montra le goût le plus décidé. Lorsqu'en i56p,, à l'âge de quinze ans, elle parut à la Cour, sa beauté ne se fit pas moins remarquer que son esprit; elle excita l'admiration générale, et Ronsard la chanta sous le nom delà charmante Pasithée.</p>
</div>
<div id="two">
<p>Mais cette Cour, où Catherine de Médicis dominoit, et qui offroit, au milieu des agitations civiles et religieuses, tous les raffinemens du luxe et de la volupté, étoit le séjour le plus dangereux pour une personne de l'âge de Marguerite. Douée des qualités aimables de son sexe, ayant un esprit plus cultivé qu'étendu, elle ne résista point aux exemples séduisans dont elle étoit environnée; et bientôt on lui vit exercer, autant par ses charmes que par son esprit, une sorte d'empire sur les filles d'honneur de la Reine sa mère. </p>
</div>
</body>
</html>Страницы в тему:
- Поля и отступы (Урок CSS для начинающих)
