arun9216684797
2/21/2018 - 9:13 AM

3 BOXES IN A ROW

tab.html
content_copyfile_download
HTML
<!DOCTYPE html>
<html>
<body>
  <section class="workSection">
    <div class="workBox box1">
<img height="50px" width="50px"/>
      <h3>Lorem Ipsum is placeholder text commonly used in the graphic</h3>
      <p>Five centuries later Lorem Ipsum experienced a surge in popularity with the release of Letraset's dry-transfer sheets. These sheets of lettering could be rubbed on anywhere and were quickly adopted by graphic artists, printers, architects, and advertisers for their professional look and ease of use.</p>
    </div>
    
     <div class="workBox box2">
<img height="50px" width="50px"/>
      <h3>Lorem Ipsum is placeholder text commonly used in the graphic</h3>
      <p>Five centuries later Lorem Ipsum experienced a surge in popularity with the release of Letraset's dry-transfer sheets. These sheets of lettering could be rubbed on anywhere and were quickly adopted by graphic artists, printers, architects, and advertisers for their professional look and ease of use.</p>
    </div>
    
     <div class="workBox box3">
<img height="50px" width="50px"/>
      <h3>Lorem Ipsum is placeholder text commonly used in the graphic</h3>
      <p>Five centuries later Lorem Ipsum experienced a surge in popularity with the release of Letraset's dry-transfer sheets. These sheets of lettering could be rubbed on anywhere and were quickly adopted by graphic artists, printers, architects, and advertisers for their professional look and ease of use.</p> 
    </div> 
  </section>
  
  
</body>
</html>
CSS



.workSection{

  text-align: center;
  display: flex;

}
.workBox{
  margin: 10px;
}
.workBox h3{
  margin: 10px;
}
.workBox img{
  margin: 10px;
}