flexbox-basic-textarea-horiz-001-ref.xhtml (1514B)
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 textarea { 18 width: 10px; 19 height: 20px; 20 background: white; 21 border-radius: 0; 22 border: 1px dotted green; 23 padding: 0; 24 margin: 0; 25 } 26 </style> 27 </head> 28 <body> 29 <div class="flexbox"> 30 <textarea/> 31 </div> 32 33 <div class="flexbox" 34 style="height: 22px"><!-- height of textarea's border-box --> 35 some words 36 <textarea style="float:right"/> 37 </div> 38 39 <div class="flexbox"> 40 <textarea style="width: 122.5px" 41 /><textarea style="width: 73.5px"/> 42 </div> 43 44 <div class="flexbox"> 45 <textarea style="width: 93px" 46 /><textarea style="width: 103px"/> 47 </div> 48 49 <div class="flexbox"> 50 <textarea style="width: 114px" 51 /><textarea style="width: 82px"/> 52 </div> 53 54 <div class="flexbox"> 55 <textarea style="width: 106px" 56 /><textarea style="width: 90px"/> 57 </div> 58 59 <div class="flexbox"> 60 <textarea style="width: 46px" 61 /><textarea style="width: 150px"/> 62 </div> 63 64 </body> 65 </html>