Ul没有环绕图像

Question

我有一个漂浮在左边的图像，它可以很好地包裹文本，但是当Ul和Li进场时我遇到了问题。我不太清楚如何解释这个，所以这是一张图片：

代码：

<div style="overflow:auto;">
<center>
<h2>Ultimath V. 1.6.1 Released</h2>
</center>
<img align="left" src="images/ultimath_quadratic_tablet_land.png">
<center>Many new features and updated features, such as:</center><br>
<ul margin-left="15px">
        <li>Changed Search function to no longer bring you to homepage if not activated</li>
        <li>Multiple UI Fixes and upgrades</li>
        <li>Tablet specific layouts! (example to left)</li>
        <li>All inputs now automatically accept numbers (no more fumbling with switching to number keyboard!)</li>
        <li>Major Step by Step revamp! All solvers are now MUCH more specific!</li>
</ul>
</div>
<br>
<hr>

提前致谢！

Answer 1

WRONG：

<ul margin-left="15px">

CORRECT SYNTAX：

<ul style="margin-left: 15px">

同时尝试为您的图片设置margin-right: 15px;。

Answer 2

而不是float: left，您应该使用display:inline-block。

<强> Live Demo