JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://fonts.googleapis.com/css?family=PT+Serif|Fjalla+One|Open+Sans:400italic,600italic,300,400,300italic"></script>
<br />
<div class="row">
<div class="col-xs-12 overview-findoutmore">FIND OUT MORE
<div class="right-angle-bracket right-angle-bracket-rotate90"></div>
</div>
</div>
CSS
body {
font-family:"Fjalla One", "Trebuchet MS", sans-serif;
}
.right-angle-bracket {
font-size: 18px;
}
.right-angle-bracket:before {
content:"〉";
}
.right-angle-bracket-rotate90 {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.overview-findoutmore .right-angle-bracket {
position: relative;
right: -29px;
top: 3px;
width: 30px;
height: 30px;
}