Question

I am trying to create what I thought would be fairly simple but I’m screwing it up bad.

I want to create two rows on top of each other. In each row, there will be five mini profiles side by side.

City 1


pic          pic       pic          pic      pic
name         name      name         name     name 
email        email     email        email    email 


City 2


pic         pic       pic            pic      pic
name        name      name           name     name
email       email     email          email    email

As you can see at this fiddle http://jsfiddle.net/mjmitche/GRWZG/18/, I’m totally screwing it up. I can’t get the cities to stack on top of each other. And I can’t put padding around each profile. In my fiddle, there are only supposed to be two profiles in each row.

Any suggestions for a newbie? thanks

Answer 1

you just needed to apply some similar selectors, i added some classes for you. pretty sure id=”New York” is going to be invalid, but it doesn’t affect styling:
http://jsfiddle.net/jalbertbowdenii/GRWZG/27/