0

我正在尝试这样做：

图片

看起来很简单，但无论我尝试什么，我似乎都无法让它工作。这是我对 div 所做的努力：http: //jsfiddle.net/RPEpQ/

4

5 回答 5

1

只需添加一个float:left到div.one.

给你，http://jsfiddle.net/RPEpQ/1/

于 2012-07-05T21:52:37.687 回答
0

在包含数字 34 的元素上设置float: left。请参阅修改后的js fiddle。

于 2012-07-05T21:52:25.520 回答
0

你需要float: left你的.one元素，并且适合元素的行高是line-height元素的一半。.two.one

更新了小提琴。

于 2012-07-05T21:55:53.220 回答
0 
.outer {
  width: 160px;
}

.one {
  float:left;
  font-size: 40px;
  line-height:40px;
  font-weight: bold;
}

.two {
  width:120px;
  font-size: 14px;
  line-height:20px;
 }
于 2012-07-05T21:57:09.430 回答
0

http://jsfiddle.net/RPEpQ/6/ 这对我有用。

<div class = "outer">
  <div class = "one">34</div>
  <div class = "two">times I have eaten here</div>
</div>​

.outer {
    width: 100px;
    display:inline;
}
.one {
    font-size: 40px;
    font-weight: bold;
    float:left;
}
.two {
    font-size: 14px;
    width: 5em;
    height: 3.4em;
    line-height: 1.7em;
    float:left;
    padding-left:0.5em;
}​
于 2012-07-05T21:59:19.333 回答