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.