You can set the columns (two, three, four…) by changing that part.
Put the Bullet Points inside each column (class).
In a responsive view (small screen) the text will change, so be aware design wise how many columns you add on a page, and what the contents are inside the column.
<div style="width: 100%; left-margin: auto; right-margin: auto;">
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</div>
<div class="one-third first"><div style="width: 100%; left-margin: auto; right-margin: auto;">
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</div></div>
<div class="one-third"><div style="width: 100%; left-margin: auto; right-margin: auto;">
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</div></div>
<div class="one-third"><div style="width: 100%; left-margin: auto; right-margin: auto;">
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</div></div>
The first bullet point is outside the columns, then there are the three columns.