test_widget_inline_block_layout.xml

<?xml version="1.0" encoding="UTF-8" ?>
<lcui-app>
  <resource type="text/css" src="test_widget_inline_block_layout.css"/>
  <ui>
    <w id="box-container" class="inline-block">
      <w class="inline-block">
        <w class="inline-block">
          <w class="box-1" />
        </w>
        <w class="inline-block">
          <w class="box-1" />
        </w>
      </w>
      <w class="inline-block">
        <w class="inline-block">
          <w class="box-1" />
        </w>
        <w class="inline-block">
          <w type="textview" class="box-2">Hello, World!</w>
        </w>
      </w>
      <w id="test-block" class="box-3" />
    </w>
    <w id="test-panel" class="panel">
      <w id="test-panel-header" class="header" type="textview">Header</w>
      <w id="test-panel-body" class="body"></w>
      <w id="test-panel-footer" class="footer" type="textview">Footer</w>
    </w>
    <w id="test-dropdown" class="dropdown-menu">
      <w id="test-text" type="textview" class="dropdown-item">Hello, World!</w>
      <w type="textview" class="dropdown-item">Test dropdown menu auto width</w>
      <w type="textview" class="dropdown-item">Dropdown menu item</w>
    </w>
    <w id="test-dropdown-right" class="dropdown-menu right">
      <w class="dropdown-item">
        <w type="textview" class="inline-block">Hello,</w>
        <w type="textview" class="inline-block">World!</w>
      </w>
      <w class="dropdown-item">
        <w type="textview" class="inline-block">Test </w>
        <w type="textview" class="inline-block">dropdown </w>
        <w type="textview" class="inline-block">menu auto width</w>
      </w>
      <w type="textview" class="dropdown-item">Dropdown menu item</w>
    </w>
  </ui>
</lcui-app>