html - Div は、前の (または内側の) Div と同じ幅にする必要があります - Javascript なしですか?

Question

私の例では、jQuery の Javascript の行のみを使用しています。

http://jsfiddle.net/TFLMX/4/

クラスセンターのhtmlを

div class="center">Here is</div>

ピンクの div は中央の幅を取得しますが、これは javascript なしで可能ですか?
たぶん、小さい方の div は中央の div になければなりませんか? ありがとう！

ここでうまくいきません：http://jsfiddle.net/TFLMX/10/

div 'smaller' は常に 'center' と同じ動的幅でなければなりません。
ただし、'smaller' のテキストは、テキストを 1 行に表示するには小さすぎる場合は、ワードラップを取得する必要があります。

Answer 1

私はこのロジックを使用し、あなたが望むように動作します:

max-width+padding+margin2 番目の div <min-width+padding+margin前の div の

.smaller {
    background: pink;
    padding: 10px;
    line-height: 1.5em;
    max-width:100px;
    margin:0 5px;
}

Working DEMO