<style type="text/css"> fieldset { border:solid 1px #dedede; padding: 10px; margin: 0; } fieldset legend { font-size:1.1em; color: #1c4077; } label { display: block; float: left; width: 150px; padding: 0; margin: 5px 0 0; text-align: right; } fieldset label:first-letter { text-decoration:underline; } input {width:auto; margin:5px 0 0 10px; } br { clear:both; } </style> <fieldset> <legend>Personal Information</legend> <label for="username" accesskey="u">User Name: </label> <input type="text" id="username" name="username" tabindex="1" value="" title="user name" /><br /> <label for="firstname" accesskey="f">First name: </label> <input type="text" id="firstname" name="firstname" tabindex="2" value="" title="first name"/><br/> <label for="lastname" accesskey="l">Last name: </label> <input type="text" id="lastname" name="lastname" tabindex="3" title="last name"/><br/> <label for="email" accesskey="e">Email: </label> <input type="text" id="email" name="email" tabindex="4" title="email"/> </fieldset>
<pre> Line1... Line2... line3... </pre>
Line1... Line2... line3...
q { font-weight: bold; } blockquote { background: url("../../images/quote.gif") no-repeat 0px 0px;width:300px; margin:5px; padding:2px 0px 5px 30px;}
lectus sed feugiat facilisis,
Aliquam tempus, leo rutrum feugiat accumsan, enim est interdum ligula, luctus tincidunt nisl neque ut augue.