css - HTML <div> 水平对齐

Question

我试图水平对齐两个 div。尝试了大约 15 种不同的方法后，我仍然无法让它发挥作用。

$html .= '<div class="fotoLinks">';
$html .= '  <img src="'.$image->getWebPath().'"/>';
$html .= '</div>';
$html .= '<div class="tekst">';
$html .=    $this->text;
$html .= '</div>';

使用相应的 CSS(div.alinea 是一个包装 div):

div.alinea
{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

div.tekst
{
    float: left;
}

div.fotoLinks
{
    float: left;
    margin-right: 15px;
    height: 100%;
}

我希望能从新方法中获得一些灵感。

Answer 1

尝试

display: inline-block;

代替 float: left;

编辑:

一种您可以尝试但不太受支持的方法，用于包装器 div，设置:

display: table;

对于你的内部 div:

display: table-cell;