php - Yii2-如何在左侧和右侧对齐文本 php

Question

我想在右侧和左侧对齐文本。对于解决方案，我研究了 text on left and right side of element .但这对我没有用。

我做了什么？

<section class="content">

<div>
    <div class="div1" style="text-align:left; float: left;">
        Date:
        <span style="padding-bottom: 10px; border-bottom: 1px solid black">
            <?php $model=$dataProvider->getModels()[0]; print_r($model['Date'])?>
        </span>

    </div>
    <div class="div2" style="text-align:right; float: right;">
        Reciept#:
        <span style="padding-bottom: 10px; border-bottom: 1px solid black">
            OGP-<?php $model=$dataProvider->getModels()[0]; print_r($model['OGP_Serial_No'])?>
        </span>

    </div>

</div>

</section>

输出

如前所述，我已经检查了解决方案。

如有任何帮助，我们将不胜感激。

Answer 1

应用宽度，它会起作用:

<section class="content">
<div>
    <div class="div1" style="text-align:left; float:left; width:50%;">
        Date:
        <span style="padding-bottom: 10px; border-bottom: 1px solid black;">
            <?php $model=$dataProvider->getModels()[0]; print_r($model['Date'])?>
        </span>

    </div>
    <div class="div2" style="text-align:right; float:right; width:50%;">
        Reciept#:
        <span style="padding-bottom: 10px; border-bottom: 1px solid black">
            OGP-<?php $model=$dataProvider->getModels()[0]; print_r($model['OGP_Serial_No'])?>
        </span>

    </div>

</div>
</section>