0

これが私のコードのデモですhttp://jsfiddle.net/mn7Ut/h1 の下にテキストを適切に追加する方法を見つけることができないようです。これは、テキストhttp://jsfiddle.net/uY3pQ/を追加しようとするとどうなりますか？今回は何が 間違っていますか？：C

div {margin:0; padding:0;}


#wrap {
    background-color:#000000; 
    width:auto;
    float:left;
    padding:50px;
    } 


.container {
    width:500px;
    background:#666666;
    color:#FFFFFF;
    float:left;
    margin-right:25px;
    }

.left {
    float:left;
    display:block;
    }

.padding {
    padding:30px;
    }

.list {
    background-color:#333;
    }

.box {
    background-color:#ccc;
    width:100px;
    }

h1 {
    color:#000;
    background:#ddd;
    }

。

<div id="wrap">

    <div class="container">
        <div class="box-container">
            <h1 class="left padding">Some text here</h1>
                <ul class="list padding left">
                    <li>Some text here Some text here</li>
                    <li>Some text here Some text here</li>
                    <li>Some text here Some text here</li>
                    <li>Some text here Some text here</li>
                    <li>Some text here Some text here</li>
                    <li>Some text here Some text here</li>
                    <li>Some text here Some text here</li>
                    <li>Some text here Some text here</li>
                </ul>
        </div>
    </div>

    <div class="box padding left">
    Some text here Some text here Some text here
    </div>

</div>
4

1 に答える 1

1

h1とテキストをコンテナにラップして、左にフロートさせることができます。

html

<div class="left inner" >
     <h1 class="padding">Some text here</h1>
     text text text text text text text text
 </div>

css

.inner{
    display:inline-block;
    width:200px;
}

完全な解決策についてはフィドルを参照してくださいhttp://jsfiddle.net/uY3pQ/5/

  • クロムでテスト済み
于 2013-02-21T20:37:02.533 に答える