Html 浮动。字段项图像位于内容类型的左侧，而不是在Drupal中居中

我对Drupal和CSS比较陌生，我尝试将特定内容类型上的图像浮动到内容的左侧，而不是将其单独放在页面的一行中央。页面的目的是有一个项目列表（如目录），左侧有一个图像，右侧有各种描述性字段

使用我在网上找到的东西，我可以在我的CSS上得到这个，它几乎可以工作，但是在第一行正确定位到图像右侧之后，下一行出现在图像下方。我希望它们都在右边，在图片旁边

因为Drupal正在生成代码，所以我无法轻松地更改HTML（尽管通过工作，这在理论上是可能的），但是CSS中的更改很简单

.field-item img {

  /* Shift "thumbail" images to the left */

  /* new code to shift image to the left */
  float: left;
  padding-right: 10px;

  /* -- old code to center image
  margin-left: auto;
  margin-right: auto;
  */
}

我的主题来自丹兰。页面本身可以在以下位置看到：

---

任何线索将不胜感激

为什么要更改html代码？这是废话。您可以使用css样式设置html的完整样式

我不知道我是否理解正确。这个问题是clearfix黑客，您的页面包含clearfix

最快的解决方案。在值继承上清除更改css属性。在名为system.base.css的系统css中。路径为..（根）/modules/system/.etc

之后将全部包含在右侧

.clearfix:after{
内容：“.”；
显示：块；
身高：0；
清除：继承；/*已更改的属性*/
可见性：隐藏；
}

Awesome潜在客户。。。这让我找到了正确的方向！下面是我从你的建议中发现的正确的修复方法：

div.field.clearfix:after{display:inline block；}

当然，这很好。始终最好使用更详细的直接选择器。这是一件事。接下来我确实不明白一些细节，为了更好的固定。但我喜欢，它能工作！