html - 如何在页面的中间显示文字和页面左侧的图像

Question

我有以下标记

<img  style="float: left;" src="c:\1.png"> <h1 style="float: center;">ttt</h1>

我得到了这个结果:-

但我需要 h1 位于页面中间并且水平对齐在图片中间，有人可以建议吗？谢谢

Answer 1

CSS 中没有float: center;。相反，您应该使用 text-align: center; 或 margin: 0px auto;。我还建议您使用 CSS 文件或至少将文档中的代码分开，这样您就可以整理您的 html 代码并使其更易于维护。要水平对齐，您可以使用 vertical-align: middle: Link to a sample .或者给它一个 margin-top: 50%;