css两段文字怎么排在一排,使用CSS在不同字体大小下垂直排列两段文字

首先我建议使用ul包的链接，而不是一个h3的样本，该结构是没有意义的。然后，我只是添加一些填充到ul。这里的标记的清理例如：

This is Title

• Home
• Works
• Blog
• Contact

而且款式：

body {

font-family:"Verdana", Verdana, sans-serif;

font-size: 1em;

font-weight:400;

}

h1 {

font-family:"Century Gothic", Verdana, sans-serif;

font-size: 4em;

font-weight:400;

float: left;

margin-left:10px;

}

header nav {

margin-right: 10px;

float: right;

}

nav ul {

list-style-type: none;

margin: 0;

padding: 2em 0 0 0;

}

nav ul li {

display: inline;

font-size: 1.2em;

font-weight:400;

}

nav a {

padding: 0 1em;

border-right: 1px solid #000;

}

nav li:last-child a {

padding-right: 0;

border-right: none;

}

.clr {clear:both;}