RSS Reader

Creating Good Markup

Forms

<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>
Personal Information


Pre Tag

<pre>
	Line1...
	Line2...
	line3...
</pre>
Line1...
Line2...
line3...
			

Quote & Blockquote

q { font-weight: bold; }
blockquote { background: url("../../images/quote.gif") 
	no-repeat 0px 0px;width:300px; margin:5px; 
	padding:2px 0px 5px 30px;}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin posuere, lectus sed feugiat facilisis, nibh est tincidunt augue, ut varius pede lorem at ligula. Vivamus congue.
Aliquam tempus, leo rutrum feugiat accumsan, enim est interdum ligula, luctus tincidunt nisl neque ut augue.
In dignissim magna id neque. Ut nec turpis eu dui interdum laoreet. Sed sed neque. Morbi a nunc. Phasellus ac tellus a nisi egestas imperdiet. Etiam quam. Vestibulum quis ante. Suspendisse bibendum pede vitae nibh. Nam dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam augue.

© Microsoft 2008
Matthew M. Osborn
Valid CSS 2.1!