【发布时间】：2021-03-06 20:48:54
【问题描述】：
我是 CSS 的新手，但我知道 HTML，我正在创建一个网站作为我学习过程的一部分时间>。我的问题是我无法将文本或图像与 数值（例如 -10px 或 -5%）对齐。我所能做的就是将它与 text-align: left 或 float: left 对齐。这是我面临问题的部分，我需要在我的徽标名称旁边对齐一个徽标。这就像文本旁边的 StackOverflow 徽标（是的，我注意到它是一个图像并且没有文字）这是我的标题：
<body style="background-color: #111827;">
<header>
<img style="border: 3px solid #ddd;height: 65px;width: 65px; border-radius: 15%; float: left;" src="https://dummyimage.com/50x50" alt="some-pic">
<h1 style=" color: white; font-family:Agency FB; text-align: left; font-size: 50px;">Some Title</h1>
</header>
<hr>
</body>
</html>
但这看起来很奇怪，因为徽标和文本之间没有空格。有什么办法可以克服吗？
【问题讨论】：
-
您好，建议使用外部 CSS 文件代替您实际的内联样式，这样更容易理解，并且更好地进行维护。这不会解决您的问题，但在开发网站时将职责分开是一种很好的做法。