我的网站 P 标签文本末尾出现一条恼人的小灰线

Question

<div class="column">
          <!-- <div class="box"> -->
          <div class="media">
            <div class="media-left">
              <figure class="image is-128x128">
                <img src="img/group-513793.png" alt="Enter PIN icon">
              </figure>
            </div>
            <div class="media-content">
              <p class="title is-4">Enter PIN</p>
            </div>
          </div>
          <!-- </div> -->
        </div>

这就是我面临的问题。

我使用 Bulma CSS 进行样式设置。在笔记本电脑中打开网站时，我在桌面视图或移动视图中没有看到任何问题。仅当我在手机中打开该网站时，我才会看到那条灰线。

请帮我去掉文字后面的灰线。

Answer 1

通过设置

margin-bottom:0

，它将有效地删除

元素的下边距，从而消除灰线。