CSS边框受填充限制

Question

我需要通过填充来限制底部边框。 对于背景，我使用background-clip: content-box;通过填充来限制它。

HTML

<div class="check">
Some text
</div>

CSS

body {
  background-color:grey;
}
.check {
  width: 200px;
  height: 200px;
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
  background-clip: content-box;
  border-bottom: 2px solid;
}

Jsfiddle