GitBucket
Newer
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x20 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x2 children: not-inline
BlockContainer <div> at (11,11) content-size 500x0 positioned children: not-inline
BlockContainer <h1> at (12,45.5) content-size 498x332 positioned [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x330] baseline: 43.484375
BlockContainer <span> at (13,46.5) content-size 496x330 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 9, rect: [13,46.5 246.484375x55] baseline: 42.484375
"Skew is a"
frag 1 from TextNode start: 10, length: 10, rect: [13,101.5 240.515625x55] baseline: 42.484375
"web-first,"
frag 2 from TextNode start: 21, length: 14, rect: [13,156.5 377.9375x55] baseline: 42.484375
"cross-platform"
frag 3 from TextNode start: 36, length: 11, rect: [13,211.5 314.015625x55] baseline: 42.484375
"programming"
frag 4 from TextNode start: 48, length: 16, rect: [13,266.5 415.734375x55] baseline: 42.484375
"language with an"
frag 5 from TextNode start: 65, length: 20, rect: [13,321.5 492.6875x55] baseline: 42.484375
"optimizing compiler."
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x377.5]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x368.5]
PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x334]
PaintableWithLines (BlockContainer<H1>) [11,44.5 500x334]
PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x332]
TextPaintable (TextNode<#text>)