Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
figure-Tag Demo
<!DOCTYPE html>
<html>
<head>
<title>figure-Tag</title>
<style type="text/css">
.container, .links, .rechts { float:left; padding:5px; margin: 2px }
.container { width:600px }
.links { border:1px solid red }
.rechts { border:1px solid blue }
p { background: yellow }
figure { background:#ddd }
</style>
</head>
<body>
<div class="container">
<h2>Mit figure</h2>
<div class="links">
<h3>Ohne p-Tag</h3>
<figure>
Etwas Text
</figure>
<figure>
Noch etwas Text
</figure>
</div>
<div class="rechts">
<h3>Mit p-Tag</h3>
<p>
<figure>
Etwas Text
</figure>
</p>
<p>
<figure>
<p>Noch etwas Text</p>
</figure>
</p>
</div>
</div>
<div class="container">
<h2>Ohne figure</h2>
<div class="links">
<h3>Ohne p-Tag</h3>
Etwas Text
Noch etwas Text
</div>
<div class="rechts">
<h3>Mit p-Tag</h3>
<p>
Etwas Text
</p>
<p>
<p>Noch etwas Text</p>
</p>
</div>
</div>
</body>
<html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.