其他元素旁边的元素 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;  
}