<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style> .featurewrap { display: flex; padding-left:30px; padding-right:30px; } .featurebox { flex-basis: 33.3%; box-sizing: border-box; padding: 30px 50px; color: #fff; font-family: sans-serif; line-height: 25px; text-align:center; } .featurebox h2{ font-weight: 700; font-size: 22px!important; color: red; } .featurebox p{ font-size: 14px; color: blue; } </style> <div class="featurewrap"> <div class="featurebox"> <h2>VISIBILITY</h2> <p>Gain visibility into threat activity, vulnerabilities, management risks, capability deficiency, and other risks.</p></div> <div class="featurebox"> <h2>ANALYSIS</h2> <p>Prioritize the most significant risks, plan mitigations, and manage the process.</p></div> <div class="featurebox"> <h2>ACTION</h2> <p>Take actions to address the risks: prevention, response, mitigation, governance, and capacity building.</p></div> </div>