Html 在列表中标记将光盘对准中心
删除光盘和文本之间的空间。 在这里,我将使用一些类标签,一些css样式。 我正在使用可视化代码编辑此代码Html 在列表中标记将光盘对准中心,html,css,bootstrap-4,Html,Css,Bootstrap 4,删除光盘和文本之间的空间。 在这里,我将使用一些类标签,一些css样式。 我正在使用可视化代码编辑此代码 <section class="bg-light" id="team"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h3 class="section-head
<section class="bg-light" id="team">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h3 class="section-heading text-uppercase" style="color: black;font-size: 32px;font-weight: bold;">Our Amazing Team</h3>
<h6 class="section-subheading text-muted" style="color:gray !important"><i>"Great things in business are never done by one person. They're done by a team of people" - Steve jobs</i></h6>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/team/Arun.jpg" alt="">
<h4 style="font-size: 25px;"><a href="arunrana.html"><b style="color: black">Arun </b></a></h4>
<p class="text-muted">Founder & Lead DevOps</p>
<ul style="font-size: 12px;">
<li>B.E. (Computer Engg.)</li>
<li>10 Years of Experience</li>
</ul>
</div>
</div>
</div>
</div>
我们惊人的团队
“商业上的大事从来不是一个人做的,而是一群人做的”——史蒂夫·乔布斯
创始人和首席DevOps
- B.E.(计算机工程)
- 10年的工作经验
使用
li{
文本缩进:-10px;
}
我们惊人的团队
“商业上的大事从来不是一个人做的,而是一群人做的”——史蒂夫·乔布斯
方正&;德沃斯铅
- B.E.(计算机工程)
- 10年的工作经验
您可以使用负文本索引,如文本缩进:-6px请在li标签上添加代码>以删除空格。请尝试此代码
保险商实验室{
列表样式位置:内部;
左侧填充:0;
}
李斯潘{
位置:相对;左侧:-10px;
}
创始人和首席DevOps
- B.E.(计算机工程)
- 10年的工作经验
这看起来像是居中对齐的文本
尝试在ul
<div class="team-member">
<img class="mx-auto rounded-circle" src="img/team/Arun.jpg" alt="">
<h4 style="font-size: 25px;"><a href="arunrana.html"><b style="color: black">Arun </b></a></h4>
<p class="text-muted">Founder & Lead DevOps</p>
<ul class="text-left" style="font-size: 12px;">
<li>B.E. (Computer Engg.)</li>
<li>10 Years of Experience</li>
</ul>
</div>
创始人和首席DevOps
- B.E.(计算机工程)
- 10年的工作经验
li span{位置:相对;左:-10px;}
创始人和首席DevOps
- B.E.(计算机工程)
- 10年的工作经验
看起来您在ul/li元素上有一些填充。你可以复制它在请提供CSS代码也。Plz提供html和CSS代码与演示..默认的引导模板工作良好。一定是你的css里的东西。当我用bootstrap-4运行你的代码时,它工作得非常好:@Pritesh我已经用你给定的代码更新了我的代码<代码>文本缩进:-10px代码>在这里工作正常。运行代码段。不客气。如果我的答案对你有帮助,请投票表决