削除<table>標準改行

Question

現在：

<input type=button value="hey"> 
<table><tr><td>hello</td></tr></table> 

それはちょっと次のようになります。

|hey| 
+-----+ 
|hello| 
+-----+ 

と私はそれがこのようになりたい：

|hey|+-----+ 
    |hello| 
    +-----+ 

たぶん、標準/デフォルトの改行が<table>からです。 CSSのテーブルからdisplay:block属性を設定しようとしましたが、成功しませんでした。 どのようにこれを達成するための手がかり:)？

Answer 1

display:blockは以下となります。

• 、あなたがinline-tableが必要

（デフォルトで行うどのテーブル）ではない、それは前に改行をレンダリング作成し、自身の後に、それは

テーブルのようにレンダリングを停止block。

次に、表やボタンの底面の代わりに上端を揃えたいので、テーブルやボタンのvertical-alignを調整する必要があります。

Answer 2

デフォルト値<table>はブロック要素です。インラインスタイルでテーブルのデフォルトスタイルを変更する必要があります。

<input type=button value="hey"> 
 
<table style="display:inline;"><tr><td>hello</td></tr></table>

Answer 3

だけ<table>ためdisplay:inline CSSを設定します。それはあなたのために働くでしょう。

Answer 4

あなただけの表示追加しよう