C# 无法使用float并排显示图像和文本

我想并排显示图像和文本（图像在左侧，文本在右侧（使用排序）

我是在VisualStudio的.html页面中实现的

对于图像div，我给出了

float:left

，对于文本div，我给出了

float:right

我希望通过将html页面代码传递给字符串变量并在WebBrowser中显示输出来实现同样的效果

例如：

stringhtml=@”
图像与文本的分离
"
webBrowser1.DocumentText=html；

但在这里，图像和文本不会并排显示，而是在下一行显示文本。 浮动：右键在此处未按预期工作。如何解决此问题？

图像与文本的分离

---

这与此问题的观点略有不同，但非常简单，没有任何其他样式。

您可以这样做：

图像与文本的分离

您可以使用表格

<div>
    <div style=""font-family:Calibri"">
        <h2>
            <img src=""smiley.jpg"" alt=""smiley""/>
            Dispalying Image and text
        </h2>
    </div>
</div>

显示图像和文本

如果您想将图像放在左边，将文本放在右边，您做得很好，只需将

float:left

样式指定给图像，而不是主块，如：

<table>
    <tr>
        <td> <img src="smiley.jpg" alt="smiley"/> </td>
        <td> Displaying Image and text </td>
    </tr>
</table>

stringhtml=@”
显示图像和文本
"

通过将图像放在一个div中，文本放在一个div中，两个div都放在一个div中，我得到了预期的输出。效果是：） 像

文本

divs会自动换行。我建议将图像放在文本div中，或者将文本div改为span。如果将图像放在一个div中，将文本放在一个div中，将两个div都放在一个div中，就得到了预期的输出。这样做的效果：）就像，将文本放在

中不是一个好工作。相反，最好将

的

display

属性更改为

内联块

，就像在我的回答中一样是的，

内联块

也是一种可能的解决方案，我写的是HTML的“本机”用法，内联块被用作内联块。您可以看到，我不需要任何其他样式属性。正如我提到的，将

放入

中不是一个好的做法。你最好不要这样做为什么？我知道，在很多情况下，

inline block

是最好的方法，但是在这种情况下？你能为我解释一下为什么这是“不好的做法”吗？在这个问题上，我看不出你的解决方案有什么好处。标签的内容应该是“短语内容”，它也包括标签，因此它不是无效的，但正如我所说的，这不是一个好的做法，因为它有SEO的缺点。你可以用谷歌搜索更多信息

<table>
    <tr>
        <td> <img src="smiley.jpg" alt="smiley"/> </td>
        <td> Displaying Image and text </td>
    </tr>
</table>

string html= @"<div>
        <img src=""smiley.jpg"" alt=""smiley"" style=""float:left""/>
        <div style=""float:left;font-family:Calibri"">
            <h2>Displaying Image and text</h2>           
        </div>
    </div>"

<div>
<div><img></div>
<div>text</div>
</div>