Html css kezelés. Valamiért nem akar össze álni de nem tudom miért! Mit irjak át a cssbe vagy a htmlbe ahoz hogy 3 buborék legyen egymás mellet? A Korax.hu weboldalon látni lehet az alapot . Ami középütt van abbol kellene 3db egymás mellet.

HTML kod:

<div id="kep">

<div id="kep1">

<div id="slide"><?php print $slide;?> </div>

<img src="kepek/kep2.jpg" style=hieght=600px width=250px float=right algin="center";>

<div id="buborek">

<h1 style="font-size:55px; margin: 0;">Egyedi gépgyártás, pontos és precíz kivitelezés

<span id="buborek1">

Komplett vágóhídak, húsüzemek, technológiai gépek, magaspálya rendszerek... </h1></span>

<a href="http://korax.hu/cegismerteto">

<div id="buborek2">

Korax Gépgyár

</div> </a>

<a href="http://koraxsolar.com">

<div id="buborek2">

Korax Solar

</div> </a>

<a href="http://www.korax.hu/koraxlovasklub.hu/">

<div id="buborek2">

Lovasklub<br>

<strong style="font-size:14px">Riding Club</strong>

</div> </a>

</div>

</div>

</div>

CSS:

#buborek{

width:1260px;

height:auto;

z-index:1000;

float:left;

padding:25px;

position:absolute;

top:350px;

text-align:center;

color:#fff;

font-family: TechnicBold ;

font-size: 55px;

font-weight: bold;

}

#buborek1{

width:1260px;

height:auto;

z-index:1000;

float:left;

padding:15px;

text-align:center;

color:#fff;

font-family: TechnicBold ;

font-size: 25px;

font-weight: 300;

}

#buborek2{

width:200px;

height:auto;

padding:20px;

background-color: #00427A;

z-index:1000;

color:#FFFFFF;

float:left;

position:absolute;

top:160px;

left:550px;

text-align:center;

font-size: 25px;

font-family: "proxima-nova-n3", "proxima-nova",sans-serif;

line-height: 1.6 em;

font-weight: bold;

-o-transition:color .2s ease-out, background 1s ease-in;

-ms-transition:color .2s ease-out, background 1s ease-in;

-moz-transition:color .2s ease-out, background 1s ease-in;

-webkit-transition:color .2s ease-out, background 1s ease-in;

transition:color .2s ease-out, background 1s ease-in;

}