buonasera a tutti, ogni tanto sono qui a chiedere qualche info, sto creando una home page e non riesco a centrare il div che ho creato, riesco a posizionarlo a dx o a sx, ma non al centro.
Vorrei che in caso di risoluzioni inferiori i div si posizionino a capo ma al centro, l'esempi più comune è la visualizzazione su telefono.
Ringrazio fin da ora chi mi da una dritta.
quello che ho creato è questo:

<div id="contenitore-servizi">
<div class="servizio">
<img src="https://www.auto-doc.it//pkw/images/delivery-page/flags/it.png" />
<p class="titolo-servizio">consegna veloce</p>
<p>xxxxxxx ha sempre avuto un trattamento speciale, con sconti che possono arrivare fino al 20% su tutto il
nostro catalogo prodotti.<br />
<a title="Spese "
href="https://www.html.it">tutte
le info »</a></p></div>
<div class="servizio">
<img src="https://www.auto-doc.it//pkw/images/delivery-page/flags/it.png" />
<p class="titolo-servizio">consegna veloce</p>
<p>xxxxxxx ha sempre avuto un trattamento speciale, con sconti che possono arrivare fino al 20% su tutto il
nostro catalogo prodotti.<br />
<a title="Spese "
href="https://www.emporiodelloscooter.com/blog/ritiro_in_negozio">tutte
le info »</a></p></div>
<div class="servizio">
<img src="https://www.auto-doc.it//pkw/images/delivery-page/flags/it.png" />
<p class="titolo-servizio">consegna veloce</p>
<p>xxxxxxx ha sempre avuto un trattamento speciale, con sconti che possono arrivare fino al 20% su tutto il
nostro catalogo prodotti.<br />
<a title="Spese "
href="https://www.emporiodelloscooter.com/blog/ritiro_in_negozio">tutte
le info »</a></p></div>
<div class="servizio">
<img src="https://www.auto-doc.it//pkw/images/delivery-page/flags/it.png" />

<p class="titolo-servizio">consegna veloce</p>
<p>xxxxxxx ha sempre avuto un trattamento speciale, con sconti che possono arrivare fino al 20% su tutto il
nostro catalogo prodotti.<br />
<a title="Spese "
href="https://www.emporiodelloscooter.com/blog/ritiro_in_negozio">tutte
le info »</a></p></div></div>


<style>
.servizio {
width: 280px;
float: right;
padding: 5px;
margin: 5px;
background:cornflowerblue;
color: #fff;
}
.servizio img {
display: block;
margin: 0 auto;
}
.servizio p {
font-weight: 300;
text-align: center!important;
}
.titolo-servizio {
text-transform: lowercase;
letter-spacing: 2.5px;
padding-top: 10px;
font-weight: 500!important;
}
</style>