About Us Design 1.html

<div class="justifier">
<div class="content_box">
  <h2>MISSION</h2>
  Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum dolorem et voluptatem necessitatibus asperiores dolore cumque, perferendis, nesciunt hic temporibus natus molestias eaque placeat dolor, vel atque. Quis, perferendis praesentium!
</div>
<div class="content_box">
  <h2>MISSION</h2>
  Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum dolorem et voluptatem necessitatibus asperiores dolore cumque, perferendis, nesciunt hic temporibus natus molestias eaque placeat dolor, vel atque. Quis, perferendis praesentium!
</div>
</div>
<div class="content_box centerized">
  <h2>MISSION</h2>
  Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum dolorem et voluptatem necessitatibus asperiores dolore cumque, perferendis, nesciunt hic temporibus natus molestias eaque placeat dolor, vel atque. Quis, perferendis praesentium!
</div>

<style>
.content_box{
  width: 45%;
  height: auto;
  text-align: center;
  border: 1px solid gray;
  padding: 15px;
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.content_box h2{
  margin: 0;
  padding: 0;
  background: #0101;
  display: block;
  margin-bottom: 15px;
}
.justifier{width: 100%; text-align: justify;}
.justifier:after{content: ''; width: 100%; display: inline-block;}

.centerized{
  display: block;
  margin: 0 auto;
}

/*WITH BACKGROUND*/
.content_box{width: 48%;height: auto;min-height: 230px; vertical-align: top; text-align: center;border: 1px solid #3ca368;padding: 15px;display: inline-block;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);background: -moz-linear-gradient(left, rgba(43,163,94,0.65) 0%, rgba(43,163,94,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(43,163,94,0.65) 0%,rgba(43,163,94,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(43,163,94,0.65) 0%,rgba(43,163,94,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} 
.content_box h2{   margin: 0;   padding: 0; color: #fff;   background: #3ca368; font-weight: 700; font-size: 28px;   display: block;   margin-bottom: 15px; line-height: 2;} 
.justifier{width: 100%; text-align: justify;} .justifier:after{content: ''; width: 100%; display: inline-block;}

</style>