<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>::: css.fieldset :::</title>
<style type="text/css">
<!--
div.fieldset {
position:relative;
margin:0 0 3em 0;
width:500px;
padding:0.5em 0 0 0;
border:1px solid #c5c5c5;
color:#000;
background:#fff;
}
div.fieldset h1 {
position:relative;
margin:-1.15em 0 0 1em;
padding:0;
font-size:1.2em;
font-weight:bold;
}
div.fieldset h1 span {
margin:0;
padding:0 0.5em;
color:#b5b5b5;
background:#fff;
}
div.fieldset p {
margin:0;
padding:0.3em 1em;
}
div.fieldset form {
margin:15px 20px 20px 20px;
padding:20px;
background:#f7f7f7;
}
div.fieldset form ul {
margin:0;
padding:0;
list-style:none;
}
div.fieldset form ul li {
list-style-type:none;
margin:0 0 5px 0;
padding:0 0 0 0;
}
div.fieldset form ul li label {
float:left;
width:120px;
margin-right:5px;
text-decoration:underline;
}
div.fieldset form ul li input.text {
width:288px;
border:1px solid #959faa;
padding:2px 0;
}
div.fieldset form ul li textarea {
width:288px;
height:100px;
border:1px solid #959faa;
overflow:auto;
}
div.fieldset form ul li input.button {
width:100px;
border:1px solid #959faa;
background:#d5d5d5;
color:#000;
}
-->
</style>
</head>
<body>
<div class="fieldset">
<h1><span>Gruppenüberschrift</span></h1>
<form action="">
<ul>
<li>
<label for="name">Name:</label>
<input type="text" name="name" id="name" size="20" maxlength="20" class="text">
</li>
<li>
<label for="email">Email:</label>
<input type="text" name="email" id="email" size="20" maxlength="20" class="text">
</li>
<li>
<label for="betreff">Betreff:</label>
<input type="text" name="betreff" id="betreff" size="40" maxlength="60" class="text">
</li>
<li>
<label for="nachricht">Nachricht:</label>
<textarea name="nachricht" id="nachricht" cols="25" rows="10"></textarea>
</li>
<li>
<label for="eintrag">Versand:</label>
<input class="button" type="submit" name="eintrag" id="eintrag" value="send">
<input class="button" type="reset" value="reset">
</li>
</ul>
</form>
</div>
<div class="fieldset">
<h1><span>Legende</span></h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>
</body>
</html>