其他元素Zend Form旁边的元素

Question

我的表单中有两个元素：

$element = new Zend_Form_Element_Text('valor_causa');
$element->setLabel('Valor da Causa: R$')
            ->setAttrib('class', 'moneyField')
            ->addValidator(new Zend_Validate_Float(array('locale' => 'pt_BR')));
$this->addElement($element);
$element = new ZendX_JQuery_Form_Element_DatePicker('data_valor_causa');
$element->setLabel('Data do valor da causa:')
            ->addValidator(new Zend_Validate_Date(array('format' => 'dd/MM/yyyy')))
            ->setJQueryParam('dateFormat', 'dd/mm/yy')
            ->setAttrib('onkeypress', 'mascara(this,Data)')
            ->setAttrib('maxlength', '10');
$this->addElement($element);

它会生成以下HTML代码：

<dt id="valor_causa-label"><label class="optional" for="valor_causa">Valor da  Causa:R$</label></dt>
<dd id="valor_causa-element"><input type="text" class="moneyField" value="" id="valor_causa" name="valor_causa"></dd>
<dt id="data_valor_causa-label"><label class="optional" for="data_valor_causa">Data do valor da causa:</label></dt>
<dd><input type="text" maxlength="10" onkeypress="mascara(this,Data)" value="" id="data_valor_causa" name="data_valor_causa" class="hasDatepicker"></dd>

我能做些什么让一个元素紧挨着另一个元素呢？像上面的图片。我已经尝试删除所有装饰器，但datapicker不允许我删除所有。我尝试了一些CSS，但没有成功。

Answer 1

使用float对我有用：

dt {
    float: left;
    margin-right: 20px;
}

dd {
    float: left;
    margin-right: 50px;  
}