浮动图像在中心

2 html css html5

我在段落中有一个内嵌图像.我想将该图像浮动在段落的中间.我试着以...为中心

<center>
Run Code Online (Sandbox Code Playgroud)

...但我看到它在HTML5中被折旧了.
我试着用漂浮它...

<img style="float: middle;">
Run Code Online (Sandbox Code Playgroud)

......但事实证明,这甚至都不存在.

有没有一个简短的方法来做到这一点,最好是在img标签内,就像使用style属性一样?
到目前为止,这是我的HTML ...

<p>
    <img id="resize" width="70%" src="../logo.png" alt="Alt" style="CENTER THIS IMAGE... SOMEHOW...">
</p>
Run Code Online (Sandbox Code Playgroud)

rlc*_*ews 9

你可以在线使用 style="display:block; margin-left: auto; margin-right: auto;"

或将其添加到css类

    .myimage {
        display:block;
        margin-left: auto;
        margin-right: auto;
    }
Run Code Online (Sandbox Code Playgroud)

根据CBore评论更新

  • 自动边距需要`display:block`才能在这里工作. (3认同)