chromium/src/third_party/blink/web_tests/external/wpt/css/css-shapes/shape-outside/formatting-context/reference/shape-outside-formatting-context-ref.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
 .test {
   width: 200px;
   overflow: hidden;
 }

 .float {
   float: left;
   width: 50%;
   height: 100px;

   background: orange;
   clip-path: polygon(0 0, 100% 100%, 0 100%);
 }

 .flex {
   display: flex;
   height: 50px;
   background: rebeccapurple;
 }
 </style>
 <div class="test">
   <div class="float"></div>
   <div class="flex"></div>
 </div>
	<!DOCTYPE html>
	<style>
	.test {
	width: 200px;
	overflow: hidden;
	}

	.float {
	float: left;
	width: 50%;
	height: 100px;

	background: orange;
	clip-path: polygon(0 0, 100% 100%, 0 100%);
	}

	.flex {
	display: flex;
	height: 50px;
	background: rebeccapurple;
	}
	</style>
	<div class="test">
	<div class="float"></div>
	<div class="flex"></div>
	</div>