simple css for form layout
To render a structure like this :
<fieldset id="search-poem">
<legend>Poem</legend>
<div class="input text">
<label for="poem-title">Title</label>
<input type="text" name="poem-title" value="" />
</div>
<div class="input text">
<label for="poem-translator">Translator</label>
<input type="text" name="poem-translator" value="" />
</div>
</fieldset>
so the left side of the input elements are aligned. You need something like this (the inline-block is the critical item, the min-width needs to be adjusted depending on the size of the texts in the labels)
fieldset label {
min-width:9em;
display:inline-block;
text-align:right;
margin-right:0.5em;
}
Pretty conventional, I'm just posting it to save me some looking next time I need it.