Html 如何在页面右侧显示购物车

我正在学习如何使用HTML和css，并想添加一个购物车在右边的下方 menu1，menu2，menu3，菜单4栏，但不知道如何做，我试图在css中做一个.description定义，但没有运气我有一个模拟，当然我不能上传图片文件夹中的图片。。。 这就是来源

因此，我试图使描述定义显示在菜单栏的正下方，然后是购物车的图像，但不知道如何定义它，我应该如何修改代码以获得类似的内容

而不是

---

你好，现在在您的

#导航id中添加
溢出：隐藏

像这样

#nav{
overflow:hidden;
}

*
如果您想在网站右侧添加购物车图标，请参阅html代码

<div id="head">
<div id="head-one">
<h1>TOM TOC</h1>
<h2>Slogan de </h2></div>
<div id="head-two"><img src="http://c.dryicons.com/images/icon_sets/stickers_icon_set/png/64x64/shopping_cart.png" /></div>
<div class="clear"></div>
</div>

我猜这对你有帮助。
如果图像位于/images/shopping\u cart.jpg目录下，有没有办法将图像放在文本下方，如何添加？当我尝试添加类似.descriptions.shopping_cart{background:url（../images/shopping_cart.jpg）的内容时，没有重复滚动0 0透明；}无效，我删除了“优化”标记，因为它实际上不适用。
#head-one{float:left; width:700px;} 
#head-two{float:right; width:70px;} 
.clear{clear:both;}