Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] [BFC] children: not-inline BlockContainer at [0,0] [0+0+0 800 0+0+0] [0+0+0 320 0+0+0] [BFC] children: not-inline BlockContainer at [8,8] [8+0+0 784 0+0+8] [8+0+0 304 0+0+8] children: not-inline Box at [8,8] [0+0+0 784 0+0+0] [0+0+0 304 0+0+0] [GFC] children: not-inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [411.46875,8] [0+0+0 380.53125 0+0+0] [0+0+0 118 0+0+0] [BFC] children: inline frag 0 from TextNode start: 1, length: 40, rect: [411.46875,8 319.171875x16] baseline: 12.796875 "In a sollicitudin augue. Sed ante augue," frag 1 from TextNode start: 42, length: 42, rect: [411.46875,24 335.125x16] baseline: 12.796875 "rhoncus nec porttitor id, lacinia et nibh." frag 2 from TextNode start: 85, length: 48, rect: [411.46875,40 378.625x16] baseline: 12.796875 "Pellentesque diam libero, ultrices eget eleifend" frag 3 from TextNode start: 134, length: 22, rect: [411.46875,56 182.8125x16] baseline: 12.796875 "at, consequat ut orci." TextNode <#text> (not painted) BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [411.46875,146] [0+0+0 380.53125 0+0+0] [0+0+0 166 0+0+0] [BFC] children: inline frag 0 from TextNode start: 1, length: 43, rect: [411.46875,146 359.15625x16] baseline: 12.796875 "Suspendisse potenti. Pellentesque at varius" frag 1 from TextNode start: 45, length: 41, rect: [411.46875,162 318.5625x16] baseline: 12.796875 "lacus, sed sollicitudin leo. Pellentesque" frag 2 from TextNode start: 87, length: 44, rect: [411.46875,178 377.640625x16] baseline: 12.796875 "malesuada mi eget pellentesque tempor. Donec" frag 3 from TextNode start: 132, length: 47, rect: [411.46875,194 378.03125x16] baseline: 12.796875 "egestas mauris est, ut lobortis nisi luctus at." frag 4 from TextNode start: 180, length: 41, rect: [411.46875,210 345.953125x16] baseline: 12.796875 "Vivamus eleifend, lorem vulputate maximus" frag 5 from TextNode start: 222, length: 37, rect: [411.46875,226 312.765625x16] baseline: 12.796875 "porta, nunc metus porttitor nibh, nec" frag 6 from TextNode start: 260, length: 31, rect: [411.46875,242 242.921875x16] baseline: 12.796875 "bibendum nulla lectus ut felis." TextNode <#text> (not painted) BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [8,8] [0+0+0 383.46875 0+0+0] [0+0+0 304 0+0+0] [BFC] children: inline frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x16] baseline: 12.796875 "Lorem ipsum dolor sit amet, consectetur" frag 1 from TextNode start: 41, length: 47, rect: [8,24 376.34375x16] baseline: 12.796875 "adipiscing elit. Sed vitae condimentum erat, ac" frag 2 from TextNode start: 89, length: 45, rect: [8,40 365.84375x16] baseline: 12.796875 "posuere arcu. Aenean tincidunt mi ligula, vel" frag 3 from TextNode start: 135, length: 46, rect: [8,56 381.96875x16] baseline: 12.796875 "semper dolor aliquet at. Phasellus scelerisque" frag 4 from TextNode start: 182, length: 45, rect: [8,72 377.203125x16] baseline: 12.796875 "dapibus diam sed rhoncus. Proin sed orci leo." frag 5 from TextNode start: 228, length: 45, rect: [8,88 375.390625x16] baseline: 12.796875 "Praesent pellentesque mi eu nunc gravida, vel" frag 6 from TextNode start: 274, length: 32, rect: [8,104 271.078125x16] baseline: 12.796875 "consectetur nulla malesuada. Sed" frag 7 from TextNode start: 307, length: 40, rect: [8,120 303.5625x16] baseline: 12.796875 "pellentesque, elit sit amet sollicitudin" frag 8 from TextNode start: 348, length: 46, rect: [8,136 346.625x16] baseline: 12.796875 "sollicitudin, lectus justo facilisis lacus, ac" frag 9 from TextNode start: 395, length: 42, rect: [8,152 350.234375x16] baseline: 12.796875 "vehicula metus neque ac mi. In in augue et" frag 10 from TextNode start: 438, length: 40, rect: [8,168 361.0625x16] baseline: 12.796875 "massa maximus venenatis auctor fermentum" frag 11 from TextNode start: 479, length: 46, rect: [8,184 371.734375x16] baseline: 12.796875 "dui. Aliquam dictum finibus urna, quis lacinia" frag 12 from TextNode start: 526, length: 42, rect: [8,200 369.59375x16] baseline: 12.796875 "massa laoreet a. Suspendisse elementum non" frag 13 from TextNode start: 569, length: 39, rect: [8,216 323.78125x16] baseline: 12.796875 "lectus nec elementum. Quisque ultricies" frag 14 from TextNode start: 609, length: 40, rect: [8,232 337x16] baseline: 12.796875 "suscipit porttitor. Sed non urna rutrum," frag 15 from TextNode start: 650, length: 46, rect: [8,248 351.828125x16] baseline: 12.796875 "mattis nulla at, feugiat erat. Duis orci elit," frag 16 from TextNode start: 697, length: 45, rect: [8,264 361.328125x16] baseline: 12.796875 "vehicula sed blandit eget, auctor in arcu. Ut" frag 17 from TextNode start: 743, length: 41, rect: [8,280 345.75x16] baseline: 12.796875 "cursus magna sit amet nulla cursus, vitae" frag 18 from TextNode start: 785, length: 22, rect: [8,296 180.234375x16] baseline: 12.796875 "gravida mauris dictum." TextNode <#text> (not painted) BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) ViewportPaintable (Viewport<#document>) [0,0 800x600] PaintableWithLines (BlockContainer) [0,0 800x320] PaintableWithLines (BlockContainer) [8,8 784x304] Paintable (Box

.grid-container) [8,8 784x304] PaintableWithLines (BlockContainer

.grid-item.item-span-one-one) [411.46875,8 380.53125x118] PaintableWithLines (BlockContainer

.grid-item.item-span-one-two) [411.46875,146 380.53125x166] PaintableWithLines (BlockContainer

.grid-item.item-span-two) [8,8 383.46875x304] SC for Viewport<#document> [0,0 800x600] (z-index: auto) SC for BlockContainer [0,0 800x320] (z-index: auto)