JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="container">
    <div class="jumbotron">
        <div class="row">
            <div class="col-xs-6"> <span class="currency-symbol">$</span><span class="price">44</span>

            </div>
            <div class="col-xs-6">
                <p>/ month</p>
                <p>Here are some really interesting things about the product.</p>
            </div>
        </div>
    </div>
</div>

CSS

.container {
    width: 333px;
    margin: 0 auto;
}
.currency-symbol {
    vertical-align: top;
    font-size: 33px;
}
.price {
    font-size: 88px;
    line-height: 80px;
}