[DaemonSic]

I am trying to figure out the best way to create this. The black square represents small icons, and there is heading and paragraph of that certain section. What is the way to make this?
Icons to be aligned to heading, and paragraph to be just underneath the heading.

[Nerdi]

The easiest way is with a table, the best way is with divs and CSS.

[Vitesse]

I am trying to figure out the best way to create this. The black square represents small icons, and there is heading and paragraph of that certain section. What is the way to make this?
Icons to be aligned to heading, and paragraph to be just underneath the heading.

Or you could use bootstrap and look in to their grid system... makes your life much easier...

Look in to this: https://v4-alpha.getbootstrap.com/layout/grid/

[ryan⚜]

You could do something like this.

http://codepen.io/cybercustom/pen/vxyxaZ

[Nozemi™]

I'd do this:

Code

<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>
<div class="container">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

CSS:
.container {
    text-align: center;
}
.container > .item {
    display: inline-block;
    width: 30%;
}

Something like this, or there is also Bootstrap (and other pre-made stylings out there) that have grid layouts.

[Rushax]

Ryan's solution is ideal.