我知道以前有人问过这个问题——但这是一个非常简单的问题——所有的答案都太高级了……哈哈……
无论如何,我总是卡在最简单的事情上。这是交易:我在右侧有两个相互重叠的图像,在这两个图像下方并排。
位于右侧的垂直图像起作用。但是,#tent 和 #twins imgs 也是垂直的,我需要它们是水平的。我试过 float 属性,但它们只是垂直堆叠,左边一个,右边一个。
再次......这是一个简单的问题,我知道。但我非常感谢您的帮助。
这是我到目前为止的代码:
#aboutUs h2{
font-size:36px;
font-family:Arial, Helvetica, sans-serif;
padding:0 0 0 0;}
#aboutusPara{
position:absolute;
float:left;
width:30%;
line-height:40px;
font-family:Arial, Helvetica, sans-serif;}
#karennorm{
width:50%;
border-radius:100px;
margin-left:50%;
position:relative;}
#wagon{
width:50%;
margin-top:5%;
margin-left:50%;
border-radius:100px;}
figcaption.aboutTop{
margin-top:.5em;
margin-left:50%;
text-align:center;
font-size:12px;
font-style:italic;
width:50%;}
#tent{
width:40%;
border-radius:100px;}
#twins{
width:40%;
border-radius:100px;}
section#aboutBottom{
padding:2em 0 0 0;}
figcaption.aboutBottom1{
text-align:center;
font-size:12px;
font-style:italic;
width:30%;
padding:0 0 2em 0;
margin-left:5%;}
figcaption.aboutBottom2{
margin-left:5%;
text-align:center;
font-size:12px;
font-style:italic;
width:30%;}