标题和价格在同一行

阿里巴巴

在 div 元素中有标题、价格和单位(克)。我希望价格总是在标题第一行旁边的右上角(参见示例),无法获得,总是在标题之后。

在此处输入图片说明

<div class="info-block">
   <p style="font-size: 18px; margin-top: 18px; margin-left: 10px;"><span class="title"><?=$last['title']?></span></p>
   <p style="font-size: 18px; margin-right: 10px; float:right;"><span class="price"><?=$last['price']?></span> тг.</p>

        </div>

谢谢,阿里

阿里巴巴

此解决方案似乎有效:

.left{
   display: inline-block;
   width: 70%
 }

 .right{
   display: inline-block;
   float: right;
   width: 30%
 }

  <div class='parent'>
    <div class='left'>This should be on the leftggdfgfdgdfgdfgfd fgdfgdfgdfgdfgdfgdgdgdfgdfgdfgdfdfdfgdfgdfgfgdfggdgsdsdfgsdgsdfgdsssgsd</div>
    <div class='right'>And this should be on the right </div>
 </div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

标题和跨度在同一行

jQuery Datatable:标题和搜索在同一行上

为什么标题和段落在同一行?

将菜单和标题放在同一行(电子)

在闪亮的仪表板标题的同一行中设置图像,标题和按钮

使用 sed 在 FASTA 标题行的同一行的开头和结尾添加单词

c# - DataGridView 到 txt...标题和同一行上的第一行问题

图像标签和标题内容不在 html 中的同一行

Bokeh TextInput 在同一行显示标题和输入框

如何使用引导程序4在同一行上对齐标题和按钮

如何在同一行上对齐“材质”图标和标题文本?

将徽标和链接放在标题的同一行上

如何在css中的同一行中获取图标和标题

我似乎无法将标题和导航栏放到同一行

如何在同一行的中心对齐标题和右侧的图标,并且反应灵敏

Power BI在同一行上显示标题和值

如何使复选框和标题在同一行

总计和小计在同一行

如何获得标题在同一行?

试图让导航栏与网站标题在同一行

同一行HTML上的三个标题

标题元素始终显示在同一行中

如何使HTML导航栏与标题位于同一行

同一行中的标题背景 3 种颜色

如何让 Bootstrap 4 导航与标题显示在同一行?

如何使用响应式设计将多个表单和标题集群分组以放在同一行和中心?

徽标和h1标题使用html和css出现在同一行上

如何在一行中比较同一商品的 2 个最新价格?

在超小型设备中,需要同一行上的页面标题和切换按钮