Html 在内部Li标签上左右浮动，每个标签上有单独的锚

我有一个容器，我想在左侧显示一些项目，并想在右侧放置一个购物车图标。我试过了，但没用，怎么了

文本和图像都有单独的链接

HTML 首先，您需要在浮动元素后添加一个clear，以恢复文档流：

然后你需要移动

float:right从
.showcase li.item span.pic img进入：

span.pic{
    float:right;
}

请注意，这是一个基本前提，您应该为完成的代码使用一个或删除
内联
清除样式

请参阅此实现。
您的href链接具有
display:block

将显示：内联块更改为pic、h1和href链接

检查
我已经更新了html和css，您需要将span选项卡移到a标记上方。检查这里的小提琴

<li class="item">
<h1><span class="pic"><a href="#"><img src="https://cdn0.iconfinder.com/data/icons/iicon/512/buy-Cart-48.png" alt=""></a></span>
  <a href="#">Aaryogyam 1.7A One + One
    <small>
    <del>Rs. 6000</del>
    <span> Rs. 3000</span>
    </small></a>
 </h1>




1）
和
标记是块级元素，因此它们占据了整个宽度，因此，请给出内联块

CSS:

2） 您为
span
中的
img
标记指定了
float:right
，因此它正好在span内浮动，而不是为您的li浮动，因此您需要为span标记指定float right

CSS:

我检查了一下，小提琴，我想把车放在右边，Extpro的回答完全解决了我的问题。
<li class="item">
<h1><span class="pic"><a href="#"><img src="https://cdn0.iconfinder.com/data/icons/iicon/512/buy-Cart-48.png" alt=""></a></span>
  <a href="#">Aaryogyam 1.7A One + One
    <small>
    <del>Rs. 6000</del>
    <span> Rs. 3000</span>
    </small></a>
 </h1>

.showcase li.item a {display:inline-block;color:#000;clear:both;}
.showcase li.item h1 {display:inline-block;}

.showcase li.item span.pic{float:right;}