justify-self-widgets-ref.html (771B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference: justify-self on block-level widgets</title> 4 <link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> 5 6 <style> 7 .widget { 8 float: left; 9 clear: both; 10 width: auto; 11 box-sizing: border-box; 12 } 13 </style> 14 15 <input class="widget"> 16 <input class="widget"> 17 <input class="widget" style="float: right"> 18 <input class="widget" style="width: 100%"> 19 20 <select class="widget"></select> 21 <select class="widget"></select> 22 <select class="widget" style="float: right"></select> 23 <select class="widget" style="width: 100%"></select> 24 25 <textarea class="widget"></textarea> 26 <textarea class="widget"></textarea> 27 <textarea class="widget" style="float: right"></textarea> 28 <textarea class="widget" style="width: 100%"></textarea>