title: Creating a 3 column layout with in Wordpress with ACF
body: <p>I've been trying to create a simple 3 column layout using ACF. I created a group with subfields that are text areas, gave each width of 25%. They show up side by side in the editor, but on the page the text from each field spills from the container and overlaps with the other columns.</p>
  <p>My html:</p>
  <pre><code>&lt;?php $info = get_field('fp-blurb');?&gt;
  
  &lt;div class=&quot;container-fluid&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col12 col-md-4 a1&quot;&gt;
              &lt;p&gt; &lt;?php echo $info['col1'];?&gt; &lt;/p&gt;
          &lt;/div&gt;
          &lt;div class=&quot;col12 col-md-4 a2&quot;&gt;
              &lt;p&gt;&lt;?php echo $info['col2'];?&gt;&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class=&quot;col12 col-md-4 a3&quot;&gt;
              &lt;p&gt; &lt;?php echo $info['col3'];?&gt; &lt;/p&gt;
          &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  <p>I've tried everything, setting the width in the plugin, setting it with css, doing the simplest possible html/css, copying code from a tutorial where it works but the text just doesn't want to line wrap. Without ACF everything works correctly, but I want to allow the user to enter their own text, instead of having it hardcoded.</p>
  <p>EDIT: <a href="https://imgur.com/a/ETMgY8a" rel="nofollow noreferrer">screenshots</a> to show what's going wrong</p>
  <p>EDIT 2: css for row and container fluid</p>
  <pre><code>.container-fluid{
      margin: 60px 0 60px;
      padding: 10px 50px 10px;
      color: white;
  }
  
  .row{
      font-weight: 400;
      font-size: 20px;
  }
  </code></pre>
  <p>EDIT 3: looking at it in dev tools it shows that the container is the correct size, but the text is full width.</p>