Php 移动图像旁边的文本

我第一次和osCommerce合作。我继承了这段代码，我们希望收紧新的产品页面。这是显示屏的代码：

div class="contentText">
      <div class="NewProductsList">
      <table border="0" width="100%" cellspacing="0" cellpadding="2">
       <tr>
         <td style="border-bottom:solid 1px #ccc;">
            <div class="outer">
               <div id="x">
                 <a href="http://localhost/oscommerce-2.3.4/catalog/product_info.php?products_id=118"><img src="images/swords-sandals.jpg" alt="Swords, Sandals and Sirens" title="Swords, Sandals and Sirens" width="120" height="180" /></a>

                 <span class="name-font">
                   <a href="http://localhost/oscommerce-2.3.4/catalog/product_info.php?products_id=118">Swords, Sandals and Sirens</a>
                 </span>
                 <span class="price-font">$19.00</span>
                  <br /><br />
                  Murder, conmen, elephants.  Who knew ancient times could be such fun?
                  <br /><br />
                  Many of the stories feature Claudia Seferius, the
                  <a href="http://localhost/oscommerce-2.3.4/catalog/product_info.php?products_id=118"> ...read more</a>
               </div>
            </div>

div class=“contentText”>
$19.00



谋杀，骗子，大象。谁知道古代会如此有趣？



许多故事的主角是克劳迪娅·塞菲利乌斯

这是我的样式表（css）代码：

.价格字体{
浮动：对；
颜色：#000000；
字号：18px；
}   
.name字体{
字体大小：14px；
字体大小：粗体；
}   
.外部{
填充：10px；
}
#x{
显示：内联块；
}
#y{
宽度：82%；
垂直对齐：顶部；
显示：内联块；
}       
.NewProductsList tr.alt td#x{
浮动：对；
}
.NewProductsList tr.alt td{
背景色：#ecf6fc；
}

如果我能得到任何帮助，使文本紧挨着图片，而不是在图片下面，我将不胜感激

---

谢谢

尝试将此添加到CSS中：

#x > a {
float: left;
}

JSFiddle：

基本上，它以产品链接（在本例中是图像）为目标，并将其浮动到左侧。结果，产品标题和描述向上移动，就在图像的旁边。你将不得不使用边距或填充物来实现图像和文本之间所需的间距

这就是你想要得到的效果吗

---

另外，您的HTML缺少一些结束标记，特别是

，

，

，以及两个

标记。我将这些添加到JSFIDLE演示中。

尝试将其添加到CSS中：

#x > a {
float: left;
}

JSFiddle：

基本上，它以产品链接（在本例中是图像）为目标，并将其浮动到左侧。结果，产品标题和描述向上移动，就在图像的旁边。你将不得不使用边距或填充物来实现图像和文本之间所需的间距

这就是你想要得到的效果吗

另外，您的HTML缺少一些结束标记，特别是

，

，

，以及两个

标记。我将这些添加到JSFIDLE演示中