Html 具有两个文本/图像组合的2行

Html 具有两个文本/图像组合的2行,html,css,Html,Css,我需要创建两行,左边是文本框/图像,右边是文本框/图像。我尝试过这种语法,但这只创建了一行-如何创建两行 第1行左1 第1行右l 第2排左侧 第2行右侧 使用清除:在第二行的CSS中,在浮点值之后同时使用。编辑:使用显示:块;到子级上的根分区宽度:1/2和float:left和float:right .cont{ 显示:块; } .续左{ 浮动:左; 宽度:50%; } .接右{ 浮动:对; 宽度:50%; } 第1行左 第1行右侧 第2行左 第2行右侧 在我看来,它创建了两行……尽管您

我需要创建两行,左边是文本框/图像,右边是文本框/图像。我尝试过这种语法,但这只创建了一行-如何创建两行


第1行左1
第1行右l
第2排左侧
第2行右侧

使用
清除:在第二行的CSS中,在浮点值之后同时使用

编辑:使用
显示:块
;到子级上的根分区
宽度:1/2
float:left
float:right

.cont{
显示:块;
}
.续左{
浮动:左;
宽度:50%;
}
.接右{
浮动:对;
宽度:50%;
}

第1行左
第1行右侧
第2行左
第2行右侧

在我看来,它创建了两行……尽管您应该清除浮动并停止使用
,因为它已被弃用,并且现在已经过时。好吧,您的HTML有两个外部容器,如果样式正确,可以将其视为行。很明显,你使用的是古老的造型手法。避免使用现有的内联样式,并使用CSS。而且,
的距离非常近。它没有我在页面右侧(从右边距开始)标记为右侧的代码运行此代码后,我可以看到第二个两个在右侧查看我的编辑。虽然您的语法确实创建了两行两列,但第2列是左居中的,我希望它在我的编辑中显示的图像中右居中。请参阅我编辑的答案。告诉我这是你想要的。我只需要在第二排的第一排用clear:两个。谢谢你!