Menu icon Foundation
how to get contents in columns horizontally

 

i expected to see two images next to each other horizontally but instead one after another vertically. could anyone help why it didn't do as expected?

thanks

<div class="row">

            <div class="large-12 columns">

           <div class="columns large-3  book">

       <img src="/img/node1.jpg">

           </div>

          <div class="columns large-3 book">

    <img src="/img/node1.jpg">

       </div>

</div>

</div>

#column horizontally

 

i expected to see two images next to each other horizontally but instead one after another vertically. could anyone help why it didn't do as expected?

thanks

<div class="row">

            <div class="large-12 columns">

           <div class="columns large-3  book">

       <img src="/img/node1.jpg">

           </div>

          <div class="columns large-3 book">

    <img src="/img/node1.jpg">

       </div>

</div>

</div>