Skewed DIV with normal text

This is a caption

<div class="skew">
	<p>This is a caption</p>
</div>
.skew {
	margin: 0 20%;
	text-align: center;
	background: #ccc;
	color: #fff;
	padding: 50px;
	transform: skewX(-7deg);
	font-size: 20px;
	font-weight: 700;
}

.skew p {
	transform: skewX(7deg);
}


Related Snippets