salve a tutti innanzi tutto mi presento qui perche non ho trovato il link di presentazioni se ce ne uno
avrei una domanda da farvi ho cercato ma non ho trovato
allora sono alle prime armi con html e css
pero sembra che sti andando alla grande anche se ho fatto veramente poco.
mi sono fermato sull argomendo dei riquadri vorrei allineare due o piu riquadri
ma ogni volta che ne aggiungo uno me lo mette o sopra o sotto aiutatemi pleas
qui sotto la piccola riga di codice che ho fatto
grazie per l aiuto

--------------/index/-------------------------------------
<html lang="it">
<head>
<meta charset="utf-8">
<title>Adriani</title>
<link href="css/stile.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="contenitore" >

<div class="blocco1">
<a href="index.html">HOME</a>
<a href="pagine/chisiamo.html">CHI SIAMO</a>
<a href="pagine/contatti.html">CONTATTI</a>
<a href="pagine/reggistrazione.html">REGISTRAZIONE</a>
<a href="pagine/servizi.html">SERVIZI</a>
</div>
<div class="coldx" class="colsx"> GALLERIA 1</div>
<div class="colsx" > GALLERIA 2</div>

</div>
</body>
</html>
--------------/foglio stile/------------------
@charset"utf-8";


body{background-color:black;}



.contenitore {
width:99%;
height: 100%;
border:5px;
border-style:groove;
border-color:coral;

}


.coldx{
color: floralwhite;
box-sizing: border-box;
width: 18%;
height: 200px;
border-style: groove;
border-color: aliceblue;
margin-top:auto;
margin-right: auto;
}


.colsx{
color: floralwhite;
box-sizing: border-box;
width: 18%;
height: 200px;
border-style: groove;
border-color: aliceblue;
margin-top: 30px;
float: right;
}




.blocco1 {
box-sizing: border-box;
margin-top: 60px;
margin-left: 22%;
margin-right:20%;
font-family: fantasy;
border-style: groove ;
}


.blocco1 a{
color: white;
text-decoration: none;
margin-left: 5%;
text-shadow: 0 -1px coral, 0 1px coral ;
text-indent:10%;

}