flexbox-basic-img-horiz-001-ref.xhtml (1644B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 <head> 8 <title>CSS Reftest Reference</title> 9 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> 10 <style> 11 div.flexbox { 12 width: 200px; 13 background: lightgreen; 14 margin-bottom: 5px; 15 line-height: 8px; 16 } 17 img { 18 width: 10px; 19 height: 20px; 20 border: 1px dotted green; 21 } 22 </style> 23 </head> 24 <body> 25 <div class="flexbox"> 26 <img src="support/solidblue.png"/> 27 </div> 28 29 <div class="flexbox" style="height: 22px"> 30 some words 31 <img src="support/solidblue.png" style="float:right"/> 32 </div> 33 34 <div class="flexbox"> 35 <img src="support/solidblue.png" style="width: 122.5px" 36 /><img src="support/solidblue.png" style="width: 73.5px"/> 37 </div> 38 39 <div class="flexbox"> 40 <img src="support/solidblue.png" style="width: 93px" 41 /><img src="support/solidblue.png" style="width: 103px"/> 42 </div> 43 44 <div class="flexbox"> 45 <img src="support/solidblue.png" style="width: 114px" 46 /><img src="support/solidblue.png" style="width: 82px"/> 47 </div> 48 49 <div class="flexbox"> 50 <img src="support/solidblue.png" style="width: 106px" 51 /><img src="support/solidblue.png" style="width: 90px"/> 52 </div> 53 54 <div class="flexbox"> 55 <img src="support/solidblue.png" style="width: 46px" 56 /><img src="support/solidblue.png" style="width: 150px"/> 57 </div> 58 59 </body> 60 </html>