CSSによるform基本形(2)|float
コード
CSSによるform基本形(2)|float - jsdo.it - share JavaScript, HTML5 and CSS
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSSによるform基本形(2)|float</title> <style type="text/css"> #myform label { font-size: 0.875px; display: block; float: left; width: 100px; } </style> </head> <body> <form action="#" method="post" id="myform"> <p> <label for="user">名前</label> <input type="text" id="user" name="username"> </p> <p> <label for="mail">アドレス</label> <input type="text" id="mail" name="mailaddress"> </p> <p> <label for="com">コメント</label> <textarea id="com" name="comment" rows="8" cols="40"></textarea> </p> <p> <input type="submit" value="送信" id="submit"> </p> </form> </body> </html>