How to split a div into two parts?

Question

css

Hello! Please tell me how can I divide the block into two parts, but at the same time, so that they are in the same block? 1st part of the card + description in black text, and 2nd part should be only with description in green text.

I mean, I have a description in black text and it is indented from the picture and at the same time it goes smoothly along the entire height. So here's how to indent green text from black so that the green text goes just as smoothly across the entire height as the black one.

Sorry for the crooked explanation, I don’t know how else to explain it =( I attached a screenshot on which I drew the division. But I need the separation strip itself in the block not to be visible. It is necessary that the green text be behind the black stripe, but at the same time this the band was not visible - something like that

Answer 1

is this what you wanted?

Answer 2

for some reason I think that it is best to put the text in the table, well, two columns left and right

Answer 3

In short, I did some bells and whistles, but the main thing is that it works :D Thanks to everyone who suggested =) The table turned out to be really long :D I just started learning html and css 2 weeks ago and started writing my site. I am writing alone, there are no acquaintances to help. And I don't always know how to google correctly. That's why I decided to turn to you here :) Thank you very much from the bottom of my heart for suggesting, you helped a lot. It's nice that there are such kind people =)