How best to remove the bottom margin between the blocks?

Good day to all.
The question is.
Usually I work with frameworks Bootstrap and CSSGrid. But now ordered a very unusual design, where the blocks often are in a chaotic manner. Here is an example in the screenshot.
There are three div element, you need to arrange them as shown in the screenshot, but without the gap between the green and black blocks. Such a result, as of now, I have achieved putting the value display: inline-block. But I understand that it's wrong.
Tell me another way please.
Thanks in advance to all for answers!
June 7th 19 at 14:39
2 answers
June 7th 19 at 14:43
June 7th 19 at 14:41
This gap: the distance between the lines. Put, for example,

* {font-size: 0; }

and the gap will disappear
Yes, this decision I know. But perhaps there is a more correct way? You know, this is somehow not Alden :)
But, thank you for your answer! - eleanora10 commented on June 7th 19 at 14:44

Find more questions by tags HTMLCSSLayoutBootstrap