I have a great problem in styling a label in FormBuilder module. I have defined all labels in in "contactform" class to be aligned right. Here is the code:
Code: Select all
.contactform label {
display: block;
float: left;
width: 120px;
text-align: right;
vertical-align: bottom;
margin-top: 3px;
}
Code: Select all
.contactform label #message {
text-align: left;
}
Code: Select all
<div class="contactform">
<fieldset id="fbrp__1"><legend>Tiedot</legend>
<div class="required"><label for="fbrp__2">Nimi*</label><input type="text" name="mf085ffbrp__2" value="" size="25" maxlength="128" id="fbrp__2" />
</div>
<div class="required"><label for="fbrp__31">Matkapuhelinnumero*</label><input type="text" name="mf085ffbrp__31" value="" size="12" maxlength="12" id="fbrp__31" />
</div>
<div class="required"><label for="fbrp__3">Sähköpostiosoite*</label><input type="text" name="mf085ffbrp__3[]" id="fbrp__3_1" value="" size="25" maxlength="128" /></div>
<div><label for="fbrp__5">Aihe</label><input type="text" name="mf085ffbrp__5" value="" size="25" maxlength="128" id="fbrp__5" />
</div>
<div class="required"><label for="message">Viesti:*</label><textarea name="mf085ffbrp__6" cols="60" rows="5" id="message">Enter Your Message Here</textarea>