html - 如何将 div 插入到文本将与其内联的 div

标签 html css css-position inline

我有主页模板,目前有这样的代码:https://www.dropbox.com/s/lrv11sean6y15se/index_backup.txt (我无法以某种方式在此处添加代码)

看起来像这样: enter image description here

***** 听到第一个问题,如何让 [[Description]] 文本距离左 div 边框 10px?**

然后我有一个部分我想插入到这个页面,它有这样的代码:

<div style="text-align:center; width: 324px; color: #ffffff; background-color:#6b8861; font-size : 34px;">[[Title]]</div>
<div style="border:1px dotted #6b8861; text-align:center; width: 324px; color: #6b8861; background-color:#ffffff; font-size : 34px;">[[Picture1]]</div>

看起来像这样: enter image description here

我希望这部分能很好地显示在文本“[[Description]]”所在的 div 的右侧。我必须提到的是,这段文本将被更改为更长的文本,我想插入的那部分应该与所有文本内联,看起来像这样:

enter image description here

我尝试使用内联显示和其他方法,但它们完全扰乱了我的模板,我达到了没有人可以帮助我的地步,只是告诉我不要使用内联并学习其他方法。伙计们,我希望你们分享你们的方法,我怎么能做到这一点。

最佳答案

第一个问题 style="margin-left:10px"

关于html - 如何将 div 插入到文本将与其内联的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14256640/

相关文章:

javascript - 如何在Android应用程序中防止网站页眉和页脚

css - iOS 防止位置固定元素缩放

javascript - 我只想在一些 div 中创建简单的菜单链接?

html - 在中心 div 中垂直对齐图像

html - 2 个用于移动和网页设计的 html 模板

javascript - Vuetify.js 如何排除 ress.css

html - Div 不随最高值的百分比移动

html - FF 上的位置问题,但 Chrome/IE8+ 上没有

javascript - 在提交表单时打开 Bootstrap 模式

html - 如何在我的网站的谷歌搜索中获得 GridView ,如谷歌搜索 "twitter"所示?