gpt4 book ai didi

html - 将一个元素居中并在同一行中右对齐另一个元素

转载 作者:太空狗 更新时间:2023-10-29 16:40:06 27 4
gpt4 key购买 nike

<分区>

我有两个盒子。一个在页面的左边,一个在页面的右边。

左边那个有登录+注册

右边有两张图片。

我正在尝试将左侧对齐到页面的中心,其内容水平对齐,即一行一行。

我正在尝试将右侧的框放在页面的右侧,并将其内容也放在一行中。

My Fiddle

#topjob {
width: 100%;
text-align: center;
}
#left {
float: left;
width: 500px;
height: 50px;
background: #ff0000;
}
#right {
width: 100%;
display: inline-block;
margin-right: auto;
margin-left: 100px;
width: 100px;
height: 50px;
background: #00ff00;
}
#center ul li {
float: right;
width: 200px;
height: 50px;
background: #0000ff;
}
<div class="header_top">
<!--header_top-->
<div class="container">
<div class="row">
</div>
<div id="topjob">
<div id="left">
<ul>
<li><a href="#"><i class=""></i>LOGIN</a>
</li>
<li><a href="#"><i class=""></i>REGISTER</a>
</li>
</ul>
</div>
<div id="right">
<ul>
<li>
<a href="index.html">
<img src="images/mastercard.png" alt="" />
</a>
<li>
<a href="index.html">
<img src="images/visa.png" alt="" />
</a>
</ul>
</div>
</div>
</div>
</div>
</div>

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com