The content should wrap around the triangle shapes, it should fit in the content box, so you should see four green rectangles. You shouldn't see any red.

Issue 346877: [CSS Shapes] Adjust lineTop position to the next available wrapping location at shape-outsides