Cómo puedo hacer para centrar una caja DIV (tanto en laptop como de forma responsive)

[Hildergarn]

Hola a todos. En esta página web que estoy construyendo deseo centrar la siguiente caja con la información del ebook a vender, pero estoy teniendo ciertos problemitas en conseguirlo.



Abajo el código CSS que utilizo para dicho DIV.

Código:

#containerebook1 
{
	float:left;
	margin-bottom: 10px;
	width:100%;
	position:relative;
	right:50%;
}

#colebook2 
{
    float: left;
    width: 46%;
    background-color: #f3f3f3;
    border: 1px dashed #ccc;
    position: relative;
    left: 56%;
    overflow: hidden;
    text-align:center !important; 
    padding:10px 0 !important;
}

@media (max-width: 998px) {

#containerebook1 {right:0 !important;}

#colebook2 {width:100% !important; left:0% !important;}

#colebook2 {margin-top: 20px !important;}

}

Les agradezco cualquier ayuda de antemano.