[SOLVED] Webshop colum items

0 Casper Hollemans · September 17, 2015
So I'm trying to make a webshop and I have a little problem.
I have 1 div what i load till all products are visable so if i have 3 product to show the html should become:

<div id="ProductShow"></div>
<div id="ProductShow"></div>
<div id="ProductShow"></div>

and this is okay and i'm able to do that (with PHP btw) but my div's show under each other and i want em next to each other.
Anyone knows how to fix?
Code Html: 

<div id="ProductShow"></div>
<div id="ProductShow"></div>
<div id="ProductShow"></div>

Code CSS:
#ProductWrap{
    width: 80%;
    margin-top: -7.5%;
    margin-left: 14%;
}
#ProductShow {
    position: inherit;
    border: black 2px solid;
    width: 33%;
    height: 20%;
    background-color: lightblue;
}

As you can see i load my products in another wrap, maybe it has somthing to do with that but I'm not sure.

I prefer not using different div's.

Thanks in advance,

-Greets casper

Post a Reply

Replies

Oldest  Newest  Rating
0 Casper Hollemans · September 17, 2015
I used display: inline-block; in the css code and it worked hope anyone else can have some advantage of it :D
  • 1

HTML / CSS / Web Design

107,241 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators