Do you have a question?
I am trying to center a menu using the <li> tag, and I also have two buttons.
.subiectele-zilei {
width:100%;
padding-left: 25px;
overflow:hidden;
padding-bottom:8px;
background-color:#f5f5f5;
margin-top:2px;
border-bottom:1px solid #ccc;
}
.subiectele-zilei li {
display:block;
float:left;
font-family: 'Roboto Condensed', Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:18px;
color:#008cff;
text-shadow:0 1px 0 rgba(255,255,255,.75);
margin-left:15px;
margin-right:14px;
}
.subiectele-zilei li a {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e6e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e6e6));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e6e6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e6e6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e6e6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e5e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e6e6',GradientType=0 );
border-radius:100px;
padding:2px 15px 3px;
box-shadow:0 1px 0 #b8b8b8, inset 0 1px 0 #fff;
display:block;
margin-top:11px;
margin-right:8px;
float:center;
margin-left:55px;
}
I'm aiming to align the content inside the <li> TEXT</li> tags in the center of a container with a width of 100%.