Beispiel:CSS3 shapes.html
Aus SELFHTML-Wiki
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS-Shapes - 1</title>
<style>
#shape {
border-radius: 50%;
float: left;
display: block;
width: 12em;
height: 12em;
background: firebrick;
shape-outside: circle(50%);
shape-margin: 0;
margin: 1.5em;
}
body {
max-width: 38em;
}
</style>
</head>
<body>
<div id="shape">
</div>
<p>
Ein berühmtes Buch der 90er zum Thema Webdesign mit CSS begann so:<br><em>„Webseiten bestehen aus rechteckigen Kästchen, die im Browserfenster übereinander-, nebeneinander- und ineinandergestapelt werden. HTML erstellt diese Kästchen, CSS gestaltet sie. Lauter little boxes. …“</em></p>
<p><strong>CSS-Shapes</strong> ermöglichen das Umfließen von unregelmäßigen Formen durch einen Text, wie es in Druckerzeugnissen schon lange möglich und üblich ist.</p>
<p id="hinweis">Untersuche den roten Kreis mit dem Seiteninspektor!</p>
</body>
</html>
