En esta ocasión vamos a centrar un div usando la propiedad margin
En el ejemplo que os dejo mas abajo vamos a tener tres div, los dos primerios div estarán uno al lado del otro a la misma altura y el tercer div queremos que este debajo y a la vez que este centrado en la pantalla. Para en la clase «centrado» colocamos la propiedad margin : auto para centrarlo.
Os dejo el ejemplo para centrar un div con css.
<html>
<head>
<title>Centrar Div </title>
<style type="text/css">
.columna1{
background-color: grey;
width: 50%;
float: left;
}
.columna2{
background-color: yellow;
width: 50%;
float: left;
}
.centrado{
width: 50%;
margin: 0 auto;
background-color: orange;
}
</style>
</head>
<body>
<div class="columna1">Div1</div>
<div class="columna2">Div2</div>
<div class="centrado">Div3</div>
</body>
</html>