2011-08-03 9 views
-2

私のdiv( "個人情報"部分)を下の例のようにデザインするにはどうすればよいですか?どうすればhtmlをこのように設計できますか?

enter image description here

+4

CSSとHTMLと呼ばれるものについて読んでみてください – Calum

+0

@カルラムこのコメントは一切役に立たなかった。 –

+1

こんにちは、私は答えることができないので、質問は閉じられました。これは最善の方法ではありませんが、これは私が考えることです:http://jsfiddle.net/BTJLB/ – iamserious

答えて

4
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Title</title> 
    <style type="text/css"> 
     .personal_information label { display: inline-block; padding-right: 10px; text-align: right; width: 200px; } 
    </style> 
    </head> 
    <body> 
    <div class="personal_information"> 
     <h1>Booking</h1> 
     <fieldset> 
     <legend>Personal Information</legend> 
     <label for="first_name">First Name</label><input id="first_name" name="first_name" /><br /> 
     <label for="last_name">Last Name</label><input id="last_name" name="last_name" /> 
     </fieldset> 
    </div> 
    </body> 
</html> 
+0

ありがとうStacey。私はそれを持っている=) –

3

これはおそらく<fieldset>です。

+0

ありがとう。それは私が知る必要があるものです。私はそれがHTML/CSSでアーカイブすることができることを知っていたが、私はちょうどそれがどのように呼び出されたのか分からなかった。 –

関連する問題