about summary refs log tree commit diff stats
path: root/test/layout/inline-backgrounds.html
blob: 8150b3b29bb1f554f58f4e93adb8a5ae107481a4 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<pre style="width: 100%; text-align: center">
<span style="background-color: red">
<span style="text-align: center">testing</span>
test test test <span style="display: inline-block; margin-top: -2em">test</span>
new line

new line
new line
done</span>now another thing
</span>
</pre>
but
<div style="width: 100%; text-align: center">
<br>
<span style="background-color: red">
this works: <span style="text-align: center; padding-left: 2ch">testing</span>
<br>
<br>
<br>
<br>
test test test <span style="display: inline-block">test</span> thing
</div>
final stage
<pre style="width: 100%; text-align: center">
<span style="background-color: red">
<span style="text-align: center">testing</span>
test test test <span style="display: inline-block; margin-top: -2em">test</span>
new line
new line
new line
done</span>now another thing
</span>
</pre>
<span>test1</span>
<span style="padding-left: 1ch; background-color: green">test2</span>
<span style="background-color: blue; padding-left: 1ch; padding-right: 1ch; margin: 1em">test3</span>
<span style="padding-left: 1ch; background-color: red">test4</span>