HTML and CSS Reference
In-Depth Information
Example 2.17: HTML and CSS for vertical and horizontal lists
<!DOCTYPE html>
<title>Example 2.17</title>
<style type="text/css">
body { padding: 36px; }
menu li {
float: left;
list-style: none;
margin-right: 8px;
border: 2px solid;
padding: 4px;
<h2> Vertical and Horizontal lists </h2>
<li> Gold </li>
<li> Silver </li>
<li> Bronze </li>
<li> Gold </li>
<li> Silver </li>
<li> Bronze </li>
In this example, it is not the menu element that creates the horizontal
toolbar. he CSS rules in the style element operate on each list item in the
menu element, causing it to loat up on the right of the previous list item. he
Search WWH ::

Custom Search