html - フロートを使用せずにボタンの横にある複数行のテキスト

Question

フロートを使用せずに、大きなボタンの横にテキストを複数行で表示したい。

これは私のコードです

<div>
    <button>Boton</button>
    <p>asasd asd asdasdas dsadasdas dasd sdsfasdasd sadsadas da sdasdasdasd asdasdasdasd dassda sdasdasd</p>
</div>

そしてこのCSS：

div{
    background: red;
    width: 100%;
}

button{
    height: 200px;
}

p{
    display: inline;
}

http://jsfiddle.net/dbZB2/

こんなの見たい http://img13.imageshack.us/img13/8343/capturaft.jpg

出来ますか？

Answer 1

幅をいくつか追加して、inline-block代わりに を使用してみる必要がありinlineます。

jsフィドル

注: inline-block は IE7 以前ではサポートされていないため、注意してください。古いIEバージョンの場合、使用できます*display:inline;zoom:1;