You cannot do this only with a clip.
A clip is applied to an element regardless of its contents. This is the definition of the outer borders of the element, but the definition of how the element is trimmed inside it, so the text does not behave as you might expect. It still requires the element to be a field, because currently in css all things are fields.
However, this is possible. Below are two articles here and here . First of all, you define an element using a css form declaration. Then you use the clip path with the same definition as the polygon definition to copy any background that affects your shape.
Taken from the first article (and conveniently close to what you want):
.shaped{ shape-outside: polygon(0 0, 100% 0, 100% 100%, 30% 100%); shape-margin: 20px; clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%); }
We see that it is quite simple, the shape is defined as a polygon, and it will behave like any other block, except that it has the edge of the polygon and not the edge of the block. The floating element will then trigger a stream of text around it.
Here is an example in JSFiddle * ( -webkit- requires prefixes, as well as a WebKit browser such as Google Chrome). By looking at this JSFiddle *, before clip-path is applied, you can understand why this is necessary. In my example, both .shaped and .text are stored in the same container, but as siblings. The text wraps around it rather than expanding to fill the container. The container itself and the use of background colors achieve the effect in the layout. (you may need to adjust the size of the JSFiddle panel in order to assimilate or stretch things and see the effect clearly).
Unfortunately, css forms are very fresh. A quick look at caniuse.com reveals that almost half of the current browsers support them. Even Firefox has no implementation in the current version. As for IE ...
I would suggest that you use css forms by default and allow new browsers to handle it (Firefox will probably catch up, but I'm sure), but provide something like a browser function detection method like Modernizr to decide whether to use a backup , which will display two sections in the form of blocks without inclination.