<p class="slanted">Dynamically incentivize innovative ROI vis-a-vis interoperable opportunities. Uniquely morph exceptional action items after enabled manufactured products. Appropriately architect web-enabled products without high-payoff alignments. Credibly myocardinate cooperative interfaces before functionalized e-services. Continually drive multifunctional.</p>
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);

body {
  background-color: #3f3e3e;
}

p {
  color: #ffffff;
  font-family:'Libre Baskerville', sans-serif;
  font-size: 21px;
  letter-spacing: .025em;
  line-height: 32px;
  width: 550px;
}

.slanted:before {
  content: '';
  width: 0;
	height: 0;
	border-bottom: 300px solid #28b7d8;
	border-right: 100px solid transparent;
  float: left;
  shape-outside: polygon(0 0, 0 300px, 100px 300px);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.