html - 如何设置 div 样式以使其与文本一起运行?

标签 html css

我想制作一个带有文本的小文本高度 div。我的代码如下所示:

blah blah blah <div style="display:block; float: left; width: 100px">[IN A DIV]</div> blah

它应该看起来像:

blah blah blah [IN A DIV] blah blah

但结果总是这样:

blah blah blah 
[IN A DIV]
blah blah

最佳答案

为什么要 <div><div>是一个 block 级元素,并不意味着你想要什么。

试试<span> ,因为那应该用于内联内容并且在语义上更准确。

必读:Block and Inline elements .

关于html - 如何设置 div 样式以使其与文本一起运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/998684/

相关文章:

javascript - 基于多个单选按钮输入使用 jquery 更新图像

html - 嵌套表单是一种不好的做法吗?

css - 前一个元素覆盖了负边距的元素

css - 如何将一个 div 包裹在同级 div 周围

javascript - 使用位置固定子项滚动 Div

html - 带有 flexbox 的导航栏。 "Login"定位右边被溢出截断

javascript - 如何在浏览器中以全屏模式播放图片或视频文件?

javascript - jQuery Mobile 滚动事件

performance - Spotify 中 CSS 旋转导致 CPU 使用率过高

javascript - 如何通过 JSON GET 请求将输入中的文本附加到单个元素?