File: inline-valign.html

package info (click to toggle)
liblayout 0.2.10-5
  • links: PTS, VCS
  • area: main
  • in suites: bookworm, forky, sid, trixie
  • size: 5,332 kB
  • sloc: java: 51,125; xml: 138; makefile: 17
file content (73 lines) | stat: -rw-r--r-- 1,885 bytes parent folder | download | duplicates (5)
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<html>
<head>
  <style type="text/css">
    br {
      border: 1pt solid black;
      background-color: green;

    }

  </style>
</head>

<body>
<h1>
  Testing how the whitespace removeal works.
</h1>
<p style="font-family:monospace;">
  <span style="border:1px solid red">a <span style="border:1px solid blue"> b </span> a</span>
</p>

<hr/>

<p>
  <span style="font-size:30pt">Some inline text<span style="font-size:10pt; vertical-align:top;">Something <span style="font-size:15pt">else</span> </span>else</span>
</p>

<p>
  <span style="font-size:30pt">Xxxx<span style="font-size: 10pt; vertical-align:sub;">Torin</span></span>
</p>

<p>
  <span style="font-size:30pt">xxxX<span style="font-size: 10pt; vertical-align:super;">Torin</span></span>
</p>

<p>
  <span style="font-size:30pt">x<span style="font-size: 10pt; vertical-align:super;">y</span></span>
  <span style="font-size:30pt">x<span style="font-size: 10pt; vertical-align:super;">a</span></span>
</p>

<p style="border: 1pt solid black">
  <span style="font-size:10pt">Text
    more text
    <span style="vertical-align:top; font-size:60pt">Top</span>
    more text
  </span>
</p>

  <p style="border: 1pt solid black">
    <span style="font-size:10pt">Text
      <span style="vertical-align:bottom; font-size:40pt">Bottom</span>
      more text
    </span>
  </p>

  <p style="border: 1pt solid black">
    <span style="font-size:10pt">Text
      <span style="vertical-align:bottom; font-size:40pt">Bottom</span>
      more text
      <span style="vertical-align:top; font-size:60pt">Top</span>
      more text
    </span>
  </p>

  <p style="border: 1pt solid black">
    <span style="font-size:10pt">Text
      <span style="vertical-align:bottom; font-size:40pt">Bottom</span>
      more text
      <span style="vertical-align:bottom; font-size:60pt">Bottom</span>
      more text
    </span>
  </p>
</body>
</html>