Html 将图像和文本对齐在同一行中

我想在同一行中显示图像和文本“产品”。div是在drupal中生成的。在源代码页中显示如下所示

我有两个默认图像，悬停图像显示无和菜单图像出现在悬停之前。现在显示在两行上。需要在一行中显示

.categoryMobileMenu{
//显示：无；
}
.类别菜单{
背景色：#663399；
最小高度：110px；
字号：18px；
颜色：#fff；
文本对齐：居中；
}
#子菜单{
位置：绝对位置；
左：0；
右：0；
底部：0；
}
.分类表李{
列表样式类型：无；
}
.菜单悬停图像{
显示：无；
}
.类别菜单a{
颜色：#fff；
字体大小：12px；
}
李先生{
列表样式类型：无；
}
p{
显示：内联；
}
.菜单图像{
显示：内联；
}
.字段内容a{
显示：内联；
}

已添加

.field-content {
  display: inline-block;
}

.categoryMobileMenu{
//显示：无；
}
.类别菜单{
背景色：#663399；
最小高度：110px；
字号：18px；
颜色：#fff；
文本对齐：居中；
}
#子菜单{
位置：绝对位置；
左：0；
右：0；
底部：0；
}
.分类表李{
列表样式类型：无；
}
.菜单悬停图像{
显示：无；
}
.类别菜单a{
颜色：#fff；
字体大小：12px；
}
李先生{
列表样式类型：无；
}
p{
显示：内联；
}
.菜单图像{
显示：内联；
}
.字段内容a{
显示：内联；
}
.字段内容{
显示：内联块；
}

已添加

.field-content {
  display: inline-block;
}

.categoryMobileMenu{
//显示：无；
}
.类别菜单{
背景色：#663399；
最小高度：110px；
字号：18px；
颜色：#fff；
文本对齐：居中；
}
#子菜单{
位置：绝对位置；
左：0；
右：0；
底部：0；
}
.分类表李{
列表样式类型：无；
}
.菜单悬停图像{
显示：无；
}
.类别菜单a{
颜色：#fff；
字体大小：12px；
}
李先生{
列表样式类型：无；
}
p{
显示：内联；
}
.菜单图像{
显示：内联；
}
.字段内容a{
显示：内联；
}
.字段内容{
显示：内联块；
}

这里有一个简单的解决方案，它涉及到

浮动

将图像向左移动，以便所有内容都在同一行上

.categoryMobileMenu{
//显示：无；
}
.类别菜单{
背景色：#663399；
最小高度：110px；
字号：18px；
颜色：#fff；
文本对齐：居中；
}
#子菜单{
位置：绝对位置；
左：0；
右：0；
底部：0；
}
.分类表李{
列表样式类型：无；
}
.菜单悬停图像{
显示：无；
}
.类别菜单a{
颜色：#fff；
字体大小：12px；
}
李先生{
列表样式类型：无；
}
p{
显示：内联；
}
.菜单图像{
显示：内联；
}
.字段内容a{
显示：内联；
}
.菜单图像{
浮动：左；
}

这里有一个简单的解决方案，它涉及到

浮动

将图像向左移动，以便所有内容都在同一行上

.categoryMobileMenu{
//显示：无；
}
.类别菜单{
背景色：#663399；
最小高度：110px；
字号：18px；
颜色：#fff；
文本对齐：居中；
}
#子菜单{
位置：绝对位置；
左：0；
右：0；
底部：0；
}
.分类表李{
列表样式类型：无；
}
.菜单悬停图像{
显示：无；
}
.类别菜单a{
颜色：#fff；
字体大小：12px；
}
李先生{
列表样式类型：无；
}
p{
显示：内联；
}
.菜单图像{
显示：内联；
}
.字段内容a{
显示：内联；
}
.菜单图像{
浮动：左；
}

请检查此项

.categoryMobileMenu{
//显示：无；
}
.类别菜单{
背景色：#663399；
最小高度：110px；
字号：18px；
颜色：#fff；
文本对齐：居中；
}
#子菜单{
位置：绝对位置；
左：0；
右：0；
底部：0；
}
.分类表李{
列表样式类型：无；
}
.菜单悬停图像{
显示：无；
}
.类别菜单a{
颜色：#fff；
字体大小：12px；
}
李先生{
列表样式类型：无；
}
p{
显示：内联；
}
.菜单图像{
显示：内联；
}  
.字段内容a{
显示：内联；
}
.发售组{
浮动：左；
}

请检查此项

.categoryMobileMenu{
//显示：无；
}
.类别菜单{
背景色：#663399；
最小高度：110px；
字号：18px；
颜色：#fff；
文本对齐：居中；
}
#子菜单{
位置：绝对位置；
左：0；
右：0；
底部：0；
}
.分类表李{
列表样式类型：无；
}
.菜单悬停图像{
显示：无；
}
.类别菜单a{
颜色：#fff；
字体大小：12px；
}
李先生{
列表样式类型：无；
}
p{
显示：内联；
}
.菜单图像{
显示：内联；
}  
.字段内容a{
显示：内联；
}
.发售组{
浮动：左；
}

只需更新

.field-content a {
    display:inline;
  } 

至

.field-content {
    display:inline;
    float:left;
  } 

检查此项

.categoryMobileMenu{
//显示：无；
}
.类别菜单{
背景色：#663399；
最小高度：110px；
字号：18px；
颜色：#fff；
文本对齐：居中；
}
#子菜单{
位置：绝对位置；
左：0；
右：0；
底部：0；
}
.分类表李{
列表样式类型：无；
}
.菜单悬停图像{
显示：无；
}
.类别菜单a{
颜色：#fff；
字体大小：12px；
}
李先生{
列表样式类型：无；
}
p{
显示：内联；
}
.菜单图像{
显示：内联；
}  
.字段内容{
显示：内联；
浮动：左；
} 

只需更新