Skip to content

Instantly share code, notes, and snippets.

@RalfAlbert

RalfAlbert/figure.htm

Created September 13, 2011 19:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RalfAlbert/1214866 to your computer and use it in GitHub Desktop.
Save RalfAlbert/1214866 to your computer and use it in GitHub Desktop.
Download ZIP
figure-Tag Demo
Raw
figure.htm
<!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