title: How can I get my menu control to center?
body: <p>I'm using ASP.Net's Menu control <a href="http://msdn.microsoft.com/en-us/library/ecs0x9w5%28v=vs.80%29.aspx" rel="nofollow">http://msdn.microsoft.com/en-us/library/ecs0x9w5%28v=vs.80%29.aspx</a>, which I'm trying to position. </p>
  
  <p>Markup for the menu is this </p>
  
  <pre><code>&lt;asp:Menu ID="SiteMenu" runat="server" Orientation="Horizontal" BorderColor="Blue" Font-Size="XX-Large" StaticMenuItemStyle-BackColor = "Pink" StaticMenuItemStyle-HorizontalPadding = "11"&gt;
      &lt;Items&gt;
          &lt;asp:MenuItem Text="Articles" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
          &lt;asp:MenuItem Text="Wiki" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
          &lt;asp:MenuItem Text="Forums" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
          &lt;asp:MenuItem Text="Links" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
      &lt;/Items&gt;
  &lt;/asp:Menu&gt;
  </code></pre>
  
  <p>So I just figured I'd add  tags around it, </p>
  
  <pre><code>&lt;div horizontal-align:center&gt;
  &lt;asp:Menu ID="SiteMenu" runat="server" Orientation="Horizontal" BorderColor="Blue" Font-Size="XX-Large" StaticMenuItemStyle-BackColor = "Pink" StaticMenuItemStyle-HorizontalPadding = "11"&gt;
      &lt;Items&gt;
          &lt;asp:MenuItem Text="Articles" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
          &lt;asp:MenuItem Text="Wiki" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
          &lt;asp:MenuItem Text="Forums" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
          &lt;asp:MenuItem Text="Links" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
      &lt;/Items&gt;
  &lt;/asp:Menu&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but nah that didn't work. So what's my next move?</p>