Adding instructional text to the checkout
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.