今回は、基本のformをtableタグを使わずに、きっちり整列させる方法です。 コード量が増えるので、わたしはtableタグがあんまり好きじゃないんです(>o<) でもtableタグを使わないと、きちんとinputとlabelが揃わない状態から抜け出せなくてすごく困っていました。なんとか中央寄せで、それぞれの要素の縦のラインが綺麗に揃う方法を見つけたのでご紹介します。 使うタグは「ul,liタグ」! ulタグとliタグを使えば、form要素を簡単に綺麗に並べることができます。 まずは基本となるhtmlを書いて、フォームを表示させます。 ポイントは「ul,liタグ」を使うことです! <form> <ul> <li class="name"> <label for="name">Name<label> <input id="name" type="text" name="name" place