test
<style>
body {
padding:0 10%;
font-family: "Helvetica" ,"Arial",Serif;
color: #333;
background: #ccc;
margin: 1em 10%;
}
p{
font-weight: bold;
font-size:1em;
color:#cc6666;
padding-left: 2em;
line-height: 2em;
display: inline
}
dl{
padding:0;
}
dt {
line-height: 2em;
}
h3{
clear: left;
color: #000;
background-color: transparent;
}
dd{
float:left;
padding: 1em 0.5em;
display: inline-block;
text-align: center;
width:7em;
border: 1px solid black;
height:2em;
background-color: #366;
line-height: 2em;
color:#ccc;
text-overflow: ellipsis ;
overflow: hidden;
margin-bottom:2em;
}
dd:hover{
width:10em;
}
a{
display: inline-block;
width:7em;
height:2em;
color:#ccc;
background-color: transparent;
font-weight: bold;
text-decoration: none;
font-size: 1em;
}
a:hover{
font-size: 1.2em;
color: #fff;
}
#feiquan_name{
text-align: center;
width:9em;
}
#feiquan_name:hover{
width:9em;
}
#feiquan_email{
width:15em;
text-align: center;
}
#feiquan_emali:hover{
width:15em;
}
#feiquan_name_content{
display: inline-block;
width:9em;
height:2em;
color:#fff;
background-color: transparent;
font-weight: bold;
font-size: 1em;
margin-top:-1em;
}
#feiquan_email_content{
display: inline-block;
width:15em;
height:2em;
color:#fff;
background-color: transparent;
font-weight: bold;
font-size: 1em;
margin-top:-1em;
}
hr{
clear: left;
}
</style>