0

私はこれをやろうとしています：

写真

単純なようですが、何を試してもうまくいかないようです。これがdivを使った私のフィドルの取り組みです：http://jsfiddle.net/RPEpQ/

4

5 に答える 5

1

float:leftに aを追加するだけdiv.oneです。

ほら、http://jsfiddle.net/RPEpQ/1/

于 2012-07-05T21:52:37.687 に答える
0

要素に合わせる必要があり、要素が要素の線の高さの半分になるようにフィットしfloat: leftます。.oneline-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

float: left番号 34 を保持する要素に設定します。変更されたjs fiddleを参照してください。

于 2012-07-05T21:52:25.520 に答える
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 に答える