Html 在列表中标记将光盘对准中心

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

删除光盘和文本之间的空间。 在这里,我将使用一些类标签,一些css样式。 我正在使用可视化代码编辑此代码

<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以删除空格。

请尝试此代码


保险商实验室{
列表样式位置:内部;
左侧填充: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在这里工作正常。运行代码段。不客气。如果我的答案对你有帮助,请投票表决