← Back to branch summary

~ubuntu-branches/ubuntu/precise/kompozer/precise

« back to all changes in this revision

Viewing changes to mozilla/layout/html/tests/block/base/width-percent.html

  • Committer: Bazaar Package Importer
  • Author(s): Anthony Yarusso
  • Date: 2007-08-27 01:11:03 UTC
  • Revision ID: james.westby@ubuntu.com-20070827011103-2jgf4s6532gqu2ka
Tags: upstream-0.7.10
Import upstream version 0.7.10

Show diffs side-by-side

added added

removed removed

Lines of Context:
mozilla/layout/html/tests/block/base/width-percent.html
 
1
<html>
 
2
 <head>
 
3
  <title>Test case for width property as applied to blocks</title>
 
4
  <style>
 
5
   div.b { border: 2px solid black; }
 
6
   div.bp { border: 2px solid black; padding: 2px; }
 
7
  </style>
 
8
 </head>
 
9
 <body>
 
10
  <div style="width: 400px; border: 2px dashed green;">
 
11
 
 
12
   Percentage width outer div with no border or padding:
 
13
 
 
14
   <div style="width: 50%;">
 
15
    Text in a div.
 
16
    Text in a div.
 
17
    Text in a div.
 
18
    Text in a div.
 
19
 
 
20
    <div style="width: 50%;">
 
21
     Text in a div.
 
22
     Text in a div.
 
23
     Text in a div.
 
24
     Text in a div.
 
25
    </div>
 
26
 
 
27
    <div class="b" style="width: 50px;">
 
28
     Text in a div.
 
29
     Text in a div.
 
30
     Text in a div.
 
31
     Text in a div.
 
32
    </div>
 
33
 
 
34
    <div class="bp" style="width: 50px;">
 
35
     Text in a div.
 
36
     Text in a div.
 
37
     Text in a div.
 
38
     Text in a div.
 
39
    </div>
 
40
 
 
41
    <div class="b" style="width: 50%;">
 
42
     Text in a div.
 
43
     Text in a div.
 
44
     Text in a div.
 
45
     Text in a div.
 
46
    </div>
 
47
 
 
48
    <div class="bp" style="width: 50%;">
 
49
     Text in a div.
 
50
     Text in a div.
 
51
     Text in a div.
 
52
     Text in a div.
 
53
    </div>
 
54
   </div>
 
55
 
 
56
   <hr>
 
57
 
 
58
   Percentage width outer div with border:
 
59
 
 
60
   <div class="b" style="width: 50%;">
 
61
    Text in a div.
 
62
    Text in a div.
 
63
    Text in a div.
 
64
    Text in a div.
 
65
 
 
66
    <div style="width: 50%;">
 
67
     Text in a div.
 
68
     Text in a div.
 
69
     Text in a div.
 
70
     Text in a div.
 
71
    </div>
 
72
 
 
73
    <div class="b" style="width: 50px;">
 
74
     Text in a div.
 
75
     Text in a div.
 
76
     Text in a div.
 
77
     Text in a div.
 
78
    </div>
 
79
 
 
80
    <div class="bp" style="width: 50px;">
 
81
     Text in a div.
 
82
     Text in a div.
 
83
     Text in a div.
 
84
     Text in a div.
 
85
    </div>
 
86
 
 
87
    <div class="b" style="width: 50%;">
 
88
     Text in a div.
 
89
     Text in a div.
 
90
     Text in a div.
 
91
     Text in a div.
 
92
    </div>
 
93
 
 
94
    <div class="bp" style="width: 50%;">
 
95
     Text in a div.
 
96
     Text in a div.
 
97
     Text in a div.
 
98
     Text in a div.
 
99
    </div>
 
100
   </div>
 
101
 
 
102
   <hr>
 
103
 
 
104
   Percentage width outer div with border and padding:
 
105
 
 
106
   <div class="bp" style="width: 50%;">
 
107
    Text in a div.
 
108
    Text in a div.
 
109
    Text in a div.
 
110
    Text in a div.
 
111
 
 
112
    <div style="width: 50%;">
 
113
     Text in a div.
 
114
     Text in a div.
 
115
     Text in a div.
 
116
     Text in a div.
 
117
    </div>
 
118
 
 
119
    <div class="b" style="width: 50px;">
 
120
     Text in a div.
 
121
     Text in a div.
 
122
     Text in a div.
 
123
     Text in a div.
 
124
    </div>
 
125
 
 
126
    <div class="bp" style="width: 50px;">
 
127
     Text in a div.
 
128
     Text in a div.
 
129
     Text in a div.
 
130
     Text in a div.
 
131
    </div>
 
132
 
 
133
    <div class="b" style="width: 50%;">
 
134
     Text in a div.
 
135
     Text in a div.
 
136
     Text in a div.
 
137
     Text in a div.
 
138
    </div>
 
139
 
 
140
    <div class="bp" style="width: 50%;">
 
141
     Text in a div.
 
142
     Text in a div.
 
143
     Text in a div.
 
144
     Text in a div.
 
145
    </div>
 
146
   </div>
 
147
  </div>
 
148
 
 
149
 </body>
 
150
</html>