title: Split content into two columns - Wordpress
body: <p>I have a custom meta box called 'list-two' (using <a href="http://www.advancedcustomfields.com/docs/functions/" rel="nofollow">Advanced Custom Fields</a>) and I'd like to use the 'more' tag within the editing pane to split the text/content into two columns. This is my code so far but only does half of what I need it to do:</p>
  
  <p>In my functions.php file:</p>
  
  <pre><code>function split_morecontent() {
  global $morecontent;
  $morecontent = true;
  $copy = preg_split('/&lt;span id="more-\d+"&gt;&lt;\/span&gt;/i', get_field('list_two'));
  for($c = 0, $csize = count($copy); $c &lt; $csize; $c++) {
      $copy[$c] = apply_filters('list_two', $copy[$c]);
  }
  return $copy;
  }
  </code></pre>
  
  <p>In my post template file:</p>
  
  <pre><code>&lt;?php
   // split text into array
      $copy = split_morecontent();
   // output first content section in column1
  echo '&lt;section class="split"&gt;', array_shift($copy), '&lt;/section&gt;';
   // output remaining content sections in column2
  echo '&lt;section class="split"&gt;', implode($copy), '&lt;/section&gt;';
  ?&gt;
  </code></pre>
  
  <p>Outputs the following HTML when run (notice its not actually splitting the content into the two  tags):</p>
  
  <pre><code>&lt;section class="split"&gt;
    &lt;ul class="footnote"&gt;
       &lt;li&gt;Christopher Gray&lt;/li&gt;
       &lt;li&gt;Jean Jullien&lt;!--more--&gt;&lt;/li&gt;
       &lt;li&gt;Nous Vous&lt;/li&gt;
       &lt;li&gt;Liv Bargman&lt;/li&gt;
       &lt;li&gt;Luke Drozd&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/section&gt;
  
  &lt;section class="split"&gt;
       &lt;!-- the last 3 &lt;li&gt; tags from the list above should be displayed within here.--&gt;
  &lt;/section&gt;
  </code></pre>