BFE.devAI解答 - CSS 问题
17. fragment style

To add borders to all fragments of <a/> tag, we can wrap each fragment with a <span> tag and apply borders to those span tags. To add padding to each line, we can use display: inline-block on the span tags and padding property to add the padding.

Here's the updated code:

<a class="border">
  <span>BFE.dev is a website to practice </span>
  <span>Front-End development skills.</span>
</a>

.border {
  margin: 5px;
}
.border span {
  display: inline-block;
  border: 1px solid #7aa4f0;
  padding: 0 5px;
  line-height: 1.5;
}

Note: line-height property set on .border class won't work to apply line-height to <span> tags. We need to apply line-height to span tags directly.