css - css を使用した div のオーバーフローまたはテキストに関する問題

Question

私は次のようなコードのブロックを持っています:

<?php
if(strpos($page_info[0]['page_title'], 'Service')!==false)
{?>
        <img src="<?php echo base_url();?>assets/front_assets/images/service.png" width="450px" height="400px"/>
        <br/>
        <div style="width:480px; height: auto; border: 1px solid #000; border-radius: 5px; overflow: visible; display: inline-block;">
        <?php
        foreach($service as $srv)
        {?>
        <div style="float:left;width:100px;">
        <img src="<?php echo base_url().$srv['service_image'];?>" width="100px"/>
        </div>
        <div style="float:left;width:300px">
            <strong><?php echo $srv['service_title'];?></strong>
            <br/>
            <strong><?php echo $srv['service_content'];?></strong>
        </div>
            <div style="clear:both;"></div>
        <?php
        }?>
        </div>

        <?php
}

この行<strong><?php echo $srv['service_content'];?></strong> には、ckeditor を使用して追加されたデータベースからのテキストが表示されます。

それでは、画像をお見せしましょう：

テキストが div からはみ出していることを確認してください。div を設定すると、overflow: hidden 次のテキストcontact us.が非表示になります。

私はそれを望んでいません。contact us.

そして、次の行はから表示されます"We are just a phone call away."

これは単純な属性で修正できることは知っていますが、それはわかりません。