html - 送信ボタンを入力の下ではなく右に置くことは可能ですか?

Question

送信ボタンを入力の下ではなく右に置くことは可能ですか? コードでフォームをコピーしました

<form action="/city" method="post">
    <fieldset data-role="fieldcontain">
        <input type="text" name="city_name" id="city_name" placeholder="City Name">
    </fieldset>
    <input type="submit" value="Create New City">
</form>

しかし、ボタンCreate New Cityは常に下にあります。

Answer 1

HTML を修正できない場合は、この CSS をページに追加してみてください。

fieldset {
    display: inline-block;
}

フィドルの例

Answer 2

<form action="/city" method="post">
    <fieldset data-role="fieldcontain">
        <input type="text" name="city_name" id="city_name" placeholder="City Name">
        <input type="submit" value="Create New City">
    </fieldset>
</form>

Answer 3

このように使用します

<form action="/city" method="post">
<fieldset data-role="fieldcontain" style='display: inline'>
    <input type="text" name="city_name" id="city_name" placeholder="City Name">
</fieldset>
<input style='display: inline' type="submit" value="Create New City">
</form>

デモを見る

Answer 4

以下のcssを追加

fieldset
    {
        display: inline;
    }

http://jsfiddle.net/tYsTd/