Copying text of elements that are visually adjacent

Take some markup like:

<unknown>
  <unknown>one two</unknown>
  <unknown>three four</unknown>
</unknown>

These elements can appear adjacent via a number of layout systems, such as inline-block, table, floats, flex, grid.

Depending on container width, they could appear visually in a variety of ways:

one twothree four
---
onethree
twofour
---
one twothree
       four

What should be in the clipboard when the user copies this text? Does it depend on the layout system used? Does it depend on the elements used? Does it depend on container width?

In this example where I try to emulate VSCode's wrapping style, I'd like visually adjacent elements to be copied as if they're adjacent.

However, I can see cases, such as a row of two paragraphs, where I'd want them to be copied in the same way as two block elements.

Should this be author controllable?

Start with the markup and the linked JS Bin example, then compare expected clipboard text for inline-block, table, float, flex, and grid layouts across the shown wrapping cases. Done means a clear resolution for whether copying follows visual adjacency, element type, layout system, or author-controlled behavior.