So let's first take a look at the basic HTML.

Bad HTML Code

<p><b>TEST EXTRA TEXT IN VIEW CART SCREEN</b></p>

Let's look below at the rendering to see why this is a problem. Notice that the left is off to the left.

The solution to this is to start a new Foundation div row and then a div column. Let's take a look at how to do it the correct way.

Good HTML Code

<div class="row">
  <div class="columns small-16">
    <p><b>TEST EXTRA TEXT IN VIEW CART SCREEN</b></p>
  </div>
</div>

Now the text properly lines up.

Browser not supported