CSS: поместите текст через пограничную черту и покажите фон за текстом ⇐ CSS

[Anonymous]

Я хочу разместить текст через пограничную линию, чтобы линия не была видна за текстом. Вместо этого я хочу, чтобы фон тела был видимым за текстом.

body {
background-image: url('');
}
.border {
position: absolute;
border-style: solid;
border-width: 0.3rem;
top: 1rem;
height: 12rem;
width: 12rem;
color: black;
}
.sometext {
position: absolute;
margin-top: 0rem;
margin-left: 1rem;
font-size: 1.2rem;
color:white;
}



A B C D E

< /code>
< /div>
< /div>
< /p>
Когда я загружаю страницу, я получаю следующую: границу, видимая за текстом < /p>
Однако я не хочу, чтобы строка была видна за текстом. Я хочу, чтобы фон был видимым. Это предотвратит появление строки за текстом, но также заменяет фон за текстом. Я пытался переосмыслить элементы, но это ставит границу над текстом.
Любой совет будет оценен.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... ehind-text