html - 在 Logo png 图像旁边放置文本

Question

<分区>

Answer 1

这不是很复杂。您可以在 Logo 和文本上使用 float: left;。在它们周围制作一个 div 效果最好，所以你会得到这样的东西:

HTML

<div class='logo>
    <img src='logo.png' />
</div>
<div class='text'>
    <h1>JOHN DOE, DDS</h1>
</div>

CSS

.logo{
    height: auto;
    width: auto; /* makes the div same size as content */
    float: left;
}
.text{
    height: auto;
    width: auto; /* makes the div same size as content */
    float: left; 
}

现在，如果您希望文本位于屏幕截图中的位置，您还可以将 top: something 添加到 .text。