The html navigation bar position is vertically centered, how to vertically center the navigation bar text?

/* CSS layout */

body {

padding:0;

margin:0;

font:12px Tahoma, sans-serif;

text-align:center;

}

/* Top page layout */

.header {

width:950px;

height:84px;

background:#ffffff;

color:#808080;

margin:0 0;

padding:1px 0 0 0;

}

.logo {

float:left;

height:84px;

width:180px;

background-image: url('../images/logo.gif');

}

.banner {

float:left;

width:120px;

padding-top:34px;

font-size: 14px;

color: #000000;

}

.header_right {

float:right;

text-align:center;

width:390px;

padding:25px 20px 0 0;

}

.header_right_top {

height:28px;

}

.header_right_foot {

letter-spacing:5px;

}

/* public navigation bar layout */

.are not {

clear:both;

width:950px;

margin-top:5px;

text-align:center;

}

.nav ul {

margin:0 auto;

padding:0;

list-style:none;

}

.nav li {

display:inline;

margin:0 0 0 0;

padding:0;

text-transform:uppercase;

}

.nav a, .nav strong {

float:left;

color:#FFFFFF;

background: transparent url("../Images/navleft.gif") no-repeat left top;

margin:0 1px 0 0;

padding:0 0 0 3px;

text-decoration:none;

font-size: 14px;

margin-top: 4px;

font-family: Helvetica, Arial, Verdana, sans-serif;

}

.nav a span, .nav .current span {

float:left;

display:block;

color:#000000;

background: transparent url("../Images/navright.gif") no-repeat right top;

padding:18px 9px 0 6px;

vertical-align:middle;

line-height: 1.5;

}

.nav .current a, .nav strong {

background-position:0 -36px;

color:#FFFFFF;

cursor: hand;

}

.nav .current a span, .nav .current span {

background-position:100% -36px;

color:#FFFFFF;

font-weight:bold;

cursor: hand;

}

.nav a:hover {

background-position:0% -36px;

color:#FFFFFF;

cursor: hand;

}

.nav a:hover span {

background-position:100% -36px;

color:#FFFFFF;

cursor: hand;

}

.nav .current a:hover {

background-position:0% -36px;

color:#FFFFFF;

cursor: hand;

}

.nav .current a:hover span {

background-position:100% -36px;

color:#FFFFFF;

cursor: hand;

}

.search {

background-image:url('../images/header_search.gif');

width:950px;

height:56px;

margin: 0;

padding: 0;

}

运行代码

复制代码

另存代码

提示:您可以先修改部分代码再运行

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=324122220&siteId=291194637