带边框的文本内联

Question

Click to see image

行。所以我坚持这个。如果您看到图像，它的标题为“ROHAN JAISWAL”，边框中带有“WEB DEVELOPER”文本。我怎样才能实现这一目标？

Answer 1

您可以在包含您姓名的框中设置border-top: 0;。然后在包含＆＃34; Web开发人员＆＃34;的元素上用两个pseudo-elements（::before和::after）替换该顶部边框的左右部分。文本。您可以使用与width，height和background-color相同的颜色设置这些伪元素中的每一个。