html - 在列表标签中，将光盘对准中心

Image
光盘和文本之间的空格将删除。
在本文中，我将使用Some类标签，css样式。
我正在使用Visual代码来编辑此代码。

<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>

最佳答案

请尝试此代码

<html>
<head>
    <style>
        ul {
            list-style-position: inside;
            padding-left: 0;
        }
        li span{
            position: relative; left: -10px;
        }
    </style>

</head>

<body>
    <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><span>B.E. (Computer Engg.)</span></li>
                    <li><span>10 Years of Experience</span></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

关于html - 在列表标签中，将光盘对准中心，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54017493/

光盘

html - 在列表标签​​中，将光盘对准中心

html - 在列表标签中，将光盘对准中心