riuscire a porre due div sulla stessa orizzontale senza che vadano a capo

pendolino4ever

Nuovo Utente
27 Gen 2005
3
0
0
Vi pongo il mio problema:
ho questo codice html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
@import url(ciccio.css);
a#viewcss{color: #00f}
</style>
<title>Documento senza titolo</title>
</head>

<body>
<div class="informazioni">
<div class="data">
<h1>DATA EVENTO</h1><h2>20 marzo 2005</h2>
</div>
<div class="locale">
<h1>LOCALE</h1><h2>La saponeria</h2>
</div>
</div>
</body>
</html>

e ho questo codice css quello cioe che ho scritto io:

div.informazioni {
width:700px;
margin:0px;
padding:0px;
}

div.data {
background-color:#0033CC;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:350px;
padding:0px;
}

div.locale {
float:right;
background-color:#FFFF00;
margin-top:0px;
margin-bottom:0px;
width:350px;
padding:0px;
}

Il mio problema:Non riesco a porre le due tabelle create con i div sulla stessa asse,sulla stessa orizzontale:una mi viene sopra e una sotto:Qualcuno sa darmi una soluzione al problema al fine di poter porre due o piu div sulla stessa orizzontale senza che gli stessi tornino a capo?
Vi ringrazio di cuore in anticipo.
(Una ulteriore gentilezza se mi potete riscrivere sia il codice css cosi da avere piu chiara la soluzione grazie)
 

Discussioni simili