我现在正在学习HTML和CSS。无论如何，我正在学习一门课程并且有一个问题。
这是我的示例代码，其中包含BBC徽标和旁边的文字：http://i.imgur.com/kii6UPi.png
一旦我添加浮动：左;标识，文字向上移动：http://i.imgur.com/SIDrCVx.png
有人可以向我解释为什么会这样吗？
答案 0 :(得分：1)
这是因为默认情况下，您的浏览器会将图像和文本呈现为内联元素，因此图像和文本的基线或底部会排成一行。
当您将float：left应用于图像时，它会强制图像显示为块而不是内联，因此文本不会长时间与基线对齐。
答案 1 :(得分：1)
您可以使用不同的div来控制它们。 <div class="wrapper"> <div>logo</div> <div>text</div> <div>你可以单独控制它们，但也可以尝试在文本中使用float：left，这可能会有所帮助。
答案 2 :(得分：0)
简单地说，默认情况下，html中的img会占用它所占据的整行。
当你给一个元素'float'属性时，你告诉它成为页面常规流的一部分，其他元素现在可以环绕它。
您可能希望阅读float property和inline-block
