title: How to get text render columns horizontally in foundation CSS?
body: <p>In Foundation CSS (v6), I am trying to get three columns of text (with images also), side by side....e.g:</p>
  
  <p>Block 1 | Block2 | Block3</p>
  
  <p>What I get in Chrome browser readers as:</p>
  
  <p>Block1</p>
  
  <p>block2</p>
  
  <p>block3</p>
  
  <p>I am assuming that Foundation CSS takes care of this and I do not need to write my own CSS code - as that is what the documentation suggests.</p>
  
  <p>I have read and tried just about every code example and nothing changes - the columns are rendered vertically not side by side.</p>
  
  <p>E.G. you can see from this site what I am trying to achieve:
  <a href="https://foundation.zurb.com/sites/docs/v/5.5.3/components/equalizer.html" rel="nofollow noreferrer">https://foundation.zurb.com/sites/docs/v/5.5.3/components/equalizer.html</a></p>
  
  <p>...and yes, I have tried using foundation.equalizer.js as it describes and I still get the same result.</p>
  
  <p>When I was using the Skeleton framework I never had an issue getting columns rendered properly.</p>
  
  <p>Any help at all would be much appreciated as this is consuming huge amounts of time to get nowhere.</p>
  
  <p>I'm really hoping it's user error :-) and something fundamental that I have missed.</p>