gpt4 book ai didi

html - 如何在

中右对齐 并使

中的文本居中? (HTML)

转载 作者:行者123 更新时间:2023-12-04 01:17:35 24 4
gpt4 key购买 nike

<分区>

如果没有视觉引用,很难提出这个问题,所以我在下面附上了一张图片(以及一个代码片段)。我正在努力实现两件事:

  1. 右对齐蓝色 <span>黄色里面的圆圈<p>盒子
  2. 使文本在 <p> 中居中框,独立于蓝色圆圈

这是我的代码:

.circle {
height: 20px;
width: 20px;
background-color: blue;
border-radius: 50%;
display: inline-block
}

.box {
background-color: yellow;
height: 30px;
width: 500px;
text-align: center;
margin: 10px
}
<p class='box'>This is centered</p>

<p class='box'>This is not<span class='circle'></span></p>

我对 HTML 不是很熟悉,但我试过 align-self: right对于圈子,却什么也没有发生。不确定该怎么做。

这是我要实现的目标的图片:

enter image description here

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