gpt4 book ai didi

html - CSS float ul 列表和段落

转载 作者:行者123 更新时间:2023-11-28 17:26:58 25 4
gpt4 key购买 nike

我试过这样做 http://prntscr.com/cdbzsu但看起来我不太擅长 css float :(。

我尝试查看其他教程,但我还是做不到。

请有人帮忙。

这就是我到目前为止所做的。

.edit-text {
font-size: 13px;
}
.edit-text p {
width: 100%;
}
.edit-text ul {
float: left;
}
.edit-text ul li {
list-style: circle inside;
}
.edit-text img {
float: right;
width: 102px;
height: 130px;
}
.edit-text a {
clear: both;
background-color: #002B0F;
color: #FFFFFF;
padding: 3px 15px;
}
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="edit-text">
<p>Vous-voulez nous consulter pour vous aider à réviser votre vitrine commerciale?</p>
<p>Ce service inclut: </p>
<ul>
<li>La révision</li>
<li>La mise en page de la vitrine commerciale</li>
<li>La correction et l’adaptation de mots clés pour le SEO</li>
<li>Service payant</li>
</ul>
<a href="#" title="Click here">Cliquez ici pour envoyer la demande de consultation</a>
<img src="http://www.holidaymood.com/images/ContactGirl.png" alt="Image">
</div>
</body>
</html>

最佳答案

img 移到 green 文本上方并使用以下方法清除 float :

<div style="clear:both;"></div>

img 标签之后,我认为你可以从这里向前移动它。干杯!

.edit-text {
font-size: 13px;
}
.edit-text p {
width: 100%;
}
.edit-text ul {
float: left;
}
.edit-text ul li {
list-style: circle inside;
}
.edit-text img {
float: right;
width: 102px;
height: 130px;
}
.edit-text a {
clear: both;
background-color: #002B0F;
color: #FFFFFF;
padding: 3px 15px;
}
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="edit-text">
<p>Vous-voulez nous consulter pour vous aider à réviser votre vitrine commerciale?</p>
<p>Ce service inclut: </p>
<ul>
<li>La révision</li>
<li>La mise en page de la vitrine commerciale</li>
<li>La correction et l’adaptation de mots clés pour le SEO</li>
<li>Service payant</li>
</ul>
<img src="http://www.holidaymood.com/images/ContactGirl.png" alt="Image">
<div style="clear:both;"></div>
<a href="#" title="Click here">Cliquez ici pour envoyer la demande de consultation</a>

</div>
</body>
</html>

关于html - CSS float ul 列表和段落,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39295175/

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