mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 14:45:29 +00:00
51 lines
2.5 KiB
HTML
51 lines
2.5 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN"><html lang="en"><head><title>Mozilla Tests: Inline margins</title>
|
|
|
|
<style type="text/css">
|
|
span.left { margin-left: 10em; }
|
|
span.right { margin-right: 10em; }
|
|
div { width: 30em; border: thin solid; }
|
|
</style></head>
|
|
|
|
<body>
|
|
<h1>Inline margins</h1>
|
|
<p>The following DIV has a width of 50em, and the span it contains has margins of 20em.</p>
|
|
<div>
|
|
<span class="left right">
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
</span>
|
|
</div>
|
|
<p>It should lay out identically to this:</p>
|
|
<div>
|
|
<span class="left"></span>
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
a b c d e f g h i j k l m n o p q r s t u v w x y z
|
|
<span class="right"></span>
|
|
</div>
|
|
</body></html> |