jimblandy · September 27, 2018 17:49
diff --git a/shapes.css b/shapes.css
 body {
  font: 1.2em/1.3 Helvetica, arial, sans-serif;
 }

 .content {
  max-width: 700px;
  margin: 20px auto;
 }

 .content::before {
  content: "";
  width: 150px;
  height: 150px;
  margin: 20px;
  padding: 20px;
  border: 10px solid #FC466B;
 background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%);
  float: left;
  shape-outside: circle(50%) ;
 }
diff --git a/shapes.html b/shapes.html
 <head>
  <link rel="stylesheet" href="shapes.css">
 </head>
 <body>
 <div class="content">
  
  
  <p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach.</p>

 <p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens tigernut soybean radish artichoke wattle seed endive groundnut broccoli arugula.</p>

 <p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut. Sea lettuce gumbo grape kale.</p>
 </div>
 </body>
	body {
	font: 1.2em/1.3 Helvetica, arial, sans-serif;
	}

	.content {
	max-width: 700px;
	margin: 20px auto;
	}

	.content::before {
	content: "";
	width: 150px;
	height: 150px;
	margin: 20px;
	padding: 20px;
	border: 10px solid #FC466B;
	background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%);
	float: left;
	shape-outside: circle(50%) ;
	}
	<head>
	<link rel="stylesheet" href="shapes.css">
	</head>
	<body>
	<div class="content">


	<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach.</p>

	<p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens tigernut soybean radish artichoke wattle seed endive groundnut broccoli arugula.</p>

	<p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut. Sea lettuce gumbo grape kale.</p>
	</div>
	</body>