| <!DOCTYPE html> | |
| <style> | |
| .menubar { | |
| display: inline-block; | |
| } | |
| .menulist { | |
| display: block; | |
| } | |
| .menuitem { | |
| padding: 1em; | |
| } | |
| .menubar .menuitem { | |
| display: inline-block; | |
| } | |
| .menulist .menuitem { | |
| display: block; | |
| } | |
| </style> | |
| <div class="menubar"> | |
| <div class="menuitem">Item A</div> | |
| <div class="menuitem">Item B</div> | |
| <div class="menuitem">Item C</div> | |
| </div> | |
| <br> | |
| <div class="menulist"> | |
| <div class="menuitem">Item A</div> | |
| <div class="menuitem">Item B</div> | |
| <div class="menuitem">Item C</div> | |
| </div> |