将image1旁边和image2下面的文本对齐HTML

到目前为止，我已经尝试了所有可能的方法，但我无法使文本（和第二幅图像）看起来像它应该的样子

我想我做错了没什么大不了的，但我就是不知道是什么。任何帮助都将不胜感激

这是我的html：

<div class="cf">
            <div><img src="https://www....></div>
            <div>
                <img src="https://www...>
                <p>Some text1</p>
                <p>
                    ABC <br />
                    D EF G
                </p>
           </div>
</div>

---

在左侧图像上，使用

float:left

，并使用

padding right

在图像和文本之间添加间隙

创建一个新的

.clear

div，它将清除浮动并防止任何进一步的元素浮动

.cf{
}
.cf.左项{
浮动：左；
右边填充：10px；
}
p{
保证金：0；
}
.cf.右侧项目img+p{
垫底：10px；
}
.清楚{
溢出：隐藏；
明确：两者皆有；
宽度：100%；
}

Industrieofenbau有限公司


奥地利国家盾徽持有人

在左侧图像上，使用

float:left

，并使用

padding right

在图像和文本之间添加间隙

创建一个新的

.clear

div，它将清除浮动并防止任何进一步的元素浮动

.cf{
}
.cf.左项{
浮动：左；
右边填充：10px；
}
p{
保证金：0；
}
.cf.右侧项目img+p{
垫底：10px；
}
.清楚{
溢出：隐藏；
明确：两者皆有；
宽度：100%；
}

Industrieofenbau有限公司


奥地利国家盾徽持有人

您可以尝试以下方法：

.cf:before，
.cf：之后{
内容：；/*1*/
显示：表格；/*2*/
}
.cf：之后{
明确：两者皆有；
}
.cf>div{
显示：表格单元格；
垂直对齐：顶部；
左侧填充：10px；
}
.cf{
显示：内联块；
背景色：#eee；
右边填充：10px；
}

Industrieofenbau股份有限公司


持票人

奥地利国徽

您可以尝试以下方法：

.cf:before，
.cf：之后{
内容：；/*1*/
显示：表格；/*2*/
}
.cf：之后{
明确：两者皆有；
}
.cf>div{
显示：表格单元格；
垂直对齐：顶部；
左侧填充：10px；
}
.cf{
显示：内联块；
背景色：#eee；
右边填充：10px；
}

Industrieofenbau股份有限公司


持票人

奥地利国徽

看起来这更像是字体太大的问题。一切都被“封锁”的方式绝对是好的

尝试将以下内容添加到CSS中，并开始根据您的喜好调整字体大小和字体系列

.cf p {
  margin:0 0 5px 0;
  font-size:10px;
}

并将

padding right:10px

（或任何您想要的值）添加到

.cf>div

---

jsFIDLE:

看起来这更多的是字体太大的问题。一切都被“封锁”的方式绝对是好的

尝试将以下内容添加到CSS中，并开始根据您的喜好调整字体大小和字体系列

.cf p {
  margin:0 0 5px 0;
  font-size:10px;
}

并将

padding right:10px

（或任何您想要的值）添加到

.cf>div

jsiddle:

您可以使用以下代码

.cf:before，
.cf：之后{
内容：；/*1*/
显示：表格；/*2*/
}
.cf：之后{
明确：两者皆有；
}
.cf>div{
显示：表格单元格；
垂直对齐：顶部；
}
.cf{
*缩放：1；
}
.cf.cf标题{
边际：0.06像素；
字体大小：11px；
}
.cf desc{
保证金：0；
字体大小：12px；
线高：1.1；
}
.cf p{
颜色：#666；
}
.cf.内容{
左侧填充：10px；
}
.cf{
背景色：#F5；
填充：10px；
宽度：200px；
}

Industrieofenbau股份有限公司


持票人

奥地利国徽

您可以使用以下代码

.cf:before，
.cf：之后{
内容：；/*1*/
显示：表格；/*2*/
}
.cf：之后{
明确：两者皆有；
}
.cf>div{
显示：表格单元格；
垂直对齐：顶部；
}
.cf{
*缩放：1；
}
.cf.cf标题{
边际：0.06像素；
字体大小：11px；
}
.cf desc{
保证金：0；
字体大小：12px；
线高：1.1；
}
.cf p{
颜色：#666；
}
.cf.内容{
左侧填充：10px；
}
.cf{
背景色：#F5；
填充：10px；
宽度：200px；
}

Industrieofenbau股份有限公司


持票人

奥地利国徽