How To Split Mysql Information To Show In Html Columns

I am trying to figure out a way to split mySQL rows into HTML columns. I'm sorry if there is an easier way to ask this, but I can't wrap my head around it. I have read through ver

Solution 1:

use float:left; in your file

   http://beta.mybattlereport.com/styles/global.css

line 82 class container

EDIT :

first: those cards with numbers 1,2,3 they all have same class card normal so if you apply changes to one card it will aplly changes to all cards

solution : try using table instead of divs.

second : your cards are ordered like that

 card1 card2 card3  featured card , card1 card2 card3 featured card

solution : this can also be fixed by table and you order them 1 column will be for card1 2 column will be for card2 3column will be for card3 and then you can use other table under this for featured cards or a div.

EDIT2>

your problem is in the sql to get those cards generated by number of cards and featured you should order them first by featured and then by votes

try this

$qry_questions = mysql_query("SELECT * FROM mbr_qa_questions ORDER BY q_featured ,q_votes DESC"/* LIMIT 0, 10"*/); 

the numbers 1 and 2 and 3 you are just giving numbers to each card . so i dont see any purpose from those numbers why you are making them.