css alignment


So I am trying to center the <li> elements within the <ul> element both vertically and horizontally without a lot of code bloat. Please take a look at my codepen to see the HTML/CSS

//mod edit: opening element angle brackets escaped. ~gt

centering the navigation element

I am trying to center the main navigation element on the pages of my premium theme header. Firebug says this is:
<nav role="navigation" class="site-navigation main-navigation">

I tried adding to the theme's custom CSS field:

{text-align: center;}

also tried:

    width: 480 px;

but nothing helped - the element is either left aligned or right aligned on the page

Any idea what am I doing wrong?



everything is aligned left and it should be centered

I have a website i'm workin on... here is the php file code... very simple.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<script type="text/javascript" src="/js/jquery-1.9.0.js"></script>
<meta http-equiv="content-type" content=text/html; charset=utf-8" />
<meta name="description" content=" " />
<meta name="keywords" content=" " />
<meta name="author" content=" " />

Syndicate content