CODEWITHSUNDEEP
csszurb-foundation
Ryan Tran
Ryan Tran

Reputation: 487

Foundation 6 - columns are not float left?

I have list of items, i put in columns like this

<div class="small-6 columns">
   <img src="img.png" />
   <p>Title</p>
   <p>Desc</p>
   <a href="#">abc</a>
</div>

But, A few of them are not float left, although i set for them :

float : left !important;

Upvotes: 0

Views: 235

Answers (1)

claudios
claudios

Reputation: 6656

.column, .columns in foundation are floated to left by default. If you encounter some grid issues then you better need to read the docs here and make sure you call the right css and js scripts. Script source can be found here. Select one that is right for you.

Code:

<div class="small-6 columns">
    <img src="http://placehold.it/350x150" />
     <p>Title</p>
     <p>Desc</p>
     <a href="#">abc</a>
  </div>
  <div class="small-6 columns">
    <img src="http://placehold.it/350x150" />
     <p>Title</p>
     <p>Desc</p>
     <a href="#">abc</a>
  </div>

Hope this would help.

Upvotes: 1

Related Questions