gpt4 book ai didi

html 定位 - 文本与其他文本重叠

转载 作者:行者123 更新时间:2023-11-28 05:26:02 27 4
gpt4 key购买 nike

为了得到我想要的东西,我需要制作另一个 ul 元素还是可以用一个来完成?

代码如下:

HTML

<body>
<p>
<b>text</b>text<br />
<b>text</b>text<br />
<b>text</b>text<br />
<b>text</b>
</p>
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
<p>
<b>text</b>text<br />
<b>text</b>text<br />
<b>text</b>text<br />
<b>text</b>
</p>
<ul>
<li>text</li>
<li>text</li>
</ul>
</body>

最佳答案

也许这对你有用:

将你的 ul 包裹在一个 div 中:

  <div class="list">
<ul>
<li>text</li>
<li>text</li>
</ul>
</div>

在 CSS 中:

.list {
text-align: right;
margin-right: 50px;
}
ul {
display: inline-block;
}

下面给出的片段:

p {
text-align: left;
margin: 50px;
line-height: 15px;
}
.list {
text-align: right;
margin-right: 50px;
}
ul {
display: inline-block;
}
body {
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: black;
background: white;
width: 100%;
}
<body>
<p>
<b>text</b>text
<br />
<b>text</b>text
<br />
<b>text</b>text
<br />
<b>text</b>
</p>
<div class="list">
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
</div>
<p>
<b>text</b>text
<br />
<b>text</b>text
<br />
<b>text</b>text
<br />
<b>text</b>
</p>
<div class="list">
<ul>
<li>text</li>
<li>text</li>
</ul>
</div>
</body>

关于html 定位 - 文本与其他文本重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38779889/

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