OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <link href="resources/grid.css" rel="stylesheet"> | 2 <link href="resources/grid.css" rel="stylesheet"> |
3 <link href="resources/grid-alignment.css" rel="stylesheet"> | 3 <link href="resources/grid-alignment.css" rel="stylesheet"> |
4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel
="stylesheet"> | 4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel
="stylesheet"> |
5 <style> | 5 <style> |
6 body { margin: 0; } | 6 body { margin: 0; } |
7 .grid { | 7 .grid { |
8 margin: 5px; | 8 margin: 5px; |
9 font-family: ahem; | 9 font-family: Ahem; |
10 } | 10 } |
11 .font12 { font-size:24px; } | 11 .font12 { font-size:24px; } |
12 .font16 { font-size:32px; } | 12 .font16 { font-size:32px; } |
13 .font24 { font-size:48px; } | 13 .font24 { font-size:48px; } |
14 .font32 { font-size:64px; } | 14 .font32 { font-size:64px; } |
15 span { | 15 span { |
16 border-width: 2px 5px 8px 4px; | 16 border-width: 2px 5px 8px 4px; |
17 border-style: solid; | 17 border-style: solid; |
18 padding: 6px 3px 7px 8px; | 18 padding: 6px 3px 7px 8px; |
19 margin: 10px 6px 4px 12px; | 19 margin: 10px 6px 4px 12px; |
(...skipping 137 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
157 <div style="position: relative"> | 157 <div style="position: relative"> |
158 <div class="grid fit-content itemsBaseline"> | 158 <div class="grid fit-content itemsBaseline"> |
159 <span class="firstRowFirstColumn verticalLR font12 extraTopPadding" data
-offset-x="37" data-offset-y="10">A<br>A</span><span class="firstRowSecondColumn
horizontalTB font16 extraBottomPadding" data-offset-x="227" data-offset-y="47">
A<br>A</span><span class="firstRowThirdColumn verticalLR font24" data-offset-x="
371" data-offset-y="10">A<br>A</span><span class="firstRowFourthColumn horizonta
lTB font32" data-offset-x="549" data-offset-y="22">A<br>A</span> | 159 <span class="firstRowFirstColumn verticalLR font12 extraTopPadding" data
-offset-x="37" data-offset-y="10">A<br>A</span><span class="firstRowSecondColumn
horizontalTB font16 extraBottomPadding" data-offset-x="227" data-offset-y="47">
A<br>A</span><span class="firstRowThirdColumn verticalLR font24" data-offset-x="
371" data-offset-y="10">A<br>A</span><span class="firstRowFourthColumn horizonta
lTB font32" data-offset-x="549" data-offset-y="22">A<br>A</span> |
160 <span class="secondRowFirstColumn horizontalTB font16" data-offset-x="61
" data-offset-y="240">A<br>A</span><span class="secondRowSecondColumn verticalLR
font24" data-offset-x="191" data-offset-y="203">A<br>A</span><span class="secon
dRowThirdColumn horizontalTB font12 extraTopPadding" data-offset-x="407" data-of
fset-y="223">A<br>A</span><span class="secondRowFourthColumn verticalLR font32"
data-offset-x="505" data-offset-y="187">A<br>A</span> | 160 <span class="secondRowFirstColumn horizontalTB font16" data-offset-x="61
" data-offset-y="240">A<br>A</span><span class="secondRowSecondColumn verticalLR
font24" data-offset-x="191" data-offset-y="203">A<br>A</span><span class="secon
dRowThirdColumn horizontalTB font12 extraTopPadding" data-offset-x="407" data-of
fset-y="223">A<br>A</span><span class="secondRowFourthColumn verticalLR font32"
data-offset-x="505" data-offset-y="187">A<br>A</span> |
161 <span class="thirdRowFirstColumn verticalLR font32" data-offset-x="17" d
ata-offset-y="341">A<br>A</span><span class="thirdRowSecondColumn horizontalTB f
ont12 extraTopPadding" data-offset-x="227" data-offset-y="377">A<br>A</span><spa
n class="thirdRowThirdColumn verticalLR font24 extraLeftPadding" data-offset-x="
349" data-offset-y="357">A<br>A</span><span class="thirdRowFourthColumn horizont
alTB font16 extraTopPadding" data-offset-x="549" data-offset-y="370">A<br>A</spa
n> | 161 <span class="thirdRowFirstColumn verticalLR font32" data-offset-x="17" d
ata-offset-y="341">A<br>A</span><span class="thirdRowSecondColumn horizontalTB f
ont12 extraTopPadding" data-offset-x="227" data-offset-y="377">A<br>A</span><spa
n class="thirdRowThirdColumn verticalLR font24 extraLeftPadding" data-offset-x="
349" data-offset-y="357">A<br>A</span><span class="thirdRowFourthColumn horizont
alTB font16 extraTopPadding" data-offset-x="549" data-offset-y="370">A<br>A</spa
n> |
162 <span class="fourthRowFirstColumn horizontalTB font24" data-offset-x="61
" data-offset-y="536">A<br>A</span><span class="fourthRowSecondColumn verticalLR
font32" data-offset-x="183" data-offset-y="495">A<br>A</span><span class="fourt
hRowThirdColumn horizontalTB font16" data-offset-x="407" data-offset-y="548">A<b
r>A</span><span class="fourthRowFourthColumn verticalLR font12" data-offset-x="5
25" data-offset-y="535">A<br>A</span> | 162 <span class="fourthRowFirstColumn horizontalTB font24" data-offset-x="61
" data-offset-y="536">A<br>A</span><span class="fourthRowSecondColumn verticalLR
font32" data-offset-x="183" data-offset-y="495">A<br>A</span><span class="fourt
hRowThirdColumn horizontalTB font16" data-offset-x="407" data-offset-y="548">A<b
r>A</span><span class="fourthRowFourthColumn verticalLR font12" data-offset-x="5
25" data-offset-y="535">A<br>A</span> |
163 </div> | 163 </div> |
164 </div> | 164 </div> |
165 | 165 |
166 </body> | 166 </body> |
OLD | NEW |