Can anyone tell me, how can i include lines behind the text

Question

Is it possible to include line like this behind the text?

enter image description here

But with the ::after ::before property, the line will work like a border.. for example it can be just under the whole text, not individualy in every line.. I need to make that background in every single line, that means if line increase the background will also increase and there will be the separation like the paragraph — imranhossainbpp, Jul 28 '21 at 21:22

score -1 · Answer 1 · answered Jul 28 '21 at 21:29

Here's how I did it using styled components without sudo elements:

export const LineBehind = styled.div`
  width: 100%;
  text-align: center;
  border-bottom: 1px solid gray;
  line-height: 0.1em;
  color: black;

  span {
    /* background: #fff; */  # un-comment to wrap line around text (not thru)
    padding: 0 10px;
    font-size: 1.2rem;
  }
`

Ends up looking like this

So in your case, you could increase the border size and change the color to achieve the desired result

No i dont want like this. – imranhossainbpp Jul 29 '21 at 07:27 — imranhossainbpp, Jul 29 '21 at 07:27

Can anyone tell me, how can i include lines behind the text

1 Answers1