flexbox-inlinecontent-horiz-4.xhtml (738B)
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 <!-- 7 This test verifies that a flex container which only contains text 8 will render correctly. We use justify-content to position the text 9 in the center of the flex container, as a sanity-check to be sure we 10 are in fact getting a flex container. 11 --> 12 <html xmlns="http://www.w3.org/1999/xhtml"> 13 <head> 14 <style> 15 div.flexbox { 16 width: 200px; 17 height: 100px; 18 background: lightgreen; 19 justify-content: center; 20 display: flex; 21 } 22 </style> 23 </head> 24 <body> 25 <div class="flexbox">text</div> 26 </body> 27 </html>