Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-01-01 05:43:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

new

Browse Source
This commit is contained in:
kipp%netscape.com 1998-12-08 00:57:45 +00:00
parent 7cf1fde73d
commit bce8bc5489
1 changed files with 41 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
layout/html/tests/block/text-indent.html Normal file
View File

@ -0,0 +1,41 @@
<HTML>
<HEAD>
<STYLE type="text/css">
.in4 { width: 4in; border: solid 1px green; }
.in3 { width: 3in; text-indent: 50%; border: solid 1px yellow; }
.bq {
margin-left: 20%;
margin-right: 20%;
border: solid 1px blue;
text-indent: 50%;
}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS=in4>
<DIV CLASS=in3>
This text should be indented two inches because the parent element
(the outer div) has a content-width of 4 inches and the text-indent for
this element is set to 50%.
</DIV>
</DIV>
<TABLE CLASS=in4 border=1>
<TR>
<TD>
<DIV CLASS=in3>
This text should be indented two inches because the parent element
(the outer div) has a content-width of 4 inches and the text-indent for
this element is set to 50%.
</DIV>
</TD>
</TR>
</TABLE>
<BLOCKQUOTE CLASS=bq>
This is text-indented by 50%. Because the blockquote has substantial
margin values, the indent will place the text closer to the right edge
of the blockquote (the blockquote is smaller than its parents because
of its margin, but the text-indent is relative to the elements parent
which is the BODY not the blockquote itself).
</BLOCKQUOTE>
</BODY>
</HTML>