Odpověď na otázku

Ahoj, co mám změnit v tomto kódy aby se položky zobrazovali vedle sebe a né pod sebou?

<html>
<head>
<style type='text/css'>
.aff_product{
    width:200px;
    height:180px;
    border:1px solid red;
}
.aff_product .aff_nazev{
    display:block;
    height:30px;
    color:white;
    background-color:red;
    text-align:center;
    font-size:12px;
}
.aff_product .aff_link{
    border:none;
    display:block;
    text-align:center;
    height:135px;
}
.aff_product .aff_img{
    border:none;
}
.aff_product .aff_price{
    font-size:15px;
}
</style> 
</head>
<body>




<script src='http://xxxxx.cz/export-100-5595-1865.js' id='jssimpliaaff' type='text/javascript'></script>
<script src='http://xxxxx.cz/export-100-5595-1865.js' id='jssimpliaaff' type='text/javascript'></script>
<script src='http://xxxxx.cz/export-100-5595-1865.js' id='jssimpliaaff' type='text/javascript'></script>


</body>
</html>

Je to pouze příklad, položky jsou pod sebou a já potřebuji aby byli vedle sebe.

Prosím o pomoc s css kódem.