css 两行字变成一行,如何通过CSS将两行文本更改为一行？

我想问你的专家一个基于CSS的问题，我认为你可能很容易回答这个问题。我试过 - 但失败了。

我已经看过这支钢笔并且非常欣赏这种效果 - 尽管如果文字可以放在一行上会很完美，例如：

标题：Foo

并保持隐藏的滚动不变。

谢谢！

罗布

Title:

Foo

Bar

body {

background:#fff;

font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.badge {

margin:100px auto;

width:80px;

height:40px;

padding:10px 0px;

border-radius:4px;

background-color:#e3e3e3;

box-shadow:0 1px rgba(255,255,255,.75), inset 0 1px 2px rgba(0,0,0,.1);

text-align:center;

color:#949494;

line-height:14px;

text-shadow:0 1px 0 #fff;

div {

overflow:hidden;

padding:2px 0;

height:16px;

}

span {

display:block;

font-size:18px;

color:#8b8b8b;

cursor:default;

}

&:hover {

.first {

top:-20px;

}

.second {

top:-19px;

}

}

}

.title {

margin-bottom:5px;

font-size:12px;

font-weight:100;

}

.first, .second {

position:relative;

top:0;

transition:top .1s ease-in;

-webkit-transition:top .1s ease-in;

-moz-transition:top .1s ease-in;

}

.first {

margin-bottom:5px;

}