css alignment

https://codepen.io/bryant-designs/pen/VWOZKZ

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

HI
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:

.nav.site-navigation.main-navigation
{text-align: center;}

also tried:

{
    margin-left:auto;
    margin-right:auto;
    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?

http://blueyecam.com/

Thanks

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"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<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>
 
<head>
 
<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