Centralizar horizontalmente várias DIV CLASS dentro de uma DIV ID - WI

Boa tarde pessoal!

Tenho várias divs CLASS dentro de uma div ID com WIDTH: 100% e não estou conseguindo centralizar horizontalmente essas div CLASS dentro da DIV pai.

Já tentei incluir no CSS margin: 0 auto; text-align: center; align-items: center e nada de resultado. Tentem colocar <div aligin:"center"> no HTML também e nada de resultado.

Fiquei metade da noite com isso ontem e não consegui resolver. Como estou sem internet em casa tenho que esperar até o dia seguinte pra consultar ou pedir ajuda aqui.

HTML -

 <div id="Container">

<div class="video"> <iframe width="95%" height="95%" src="[https://www.youtube.com/embed/-xE-gogMDKc](https://www.youtube.com/embed/-xE-gogMDKc)" frameborder="0" allowfullscreen></iframe> </div>
<div class="video"> <iframe width="95%" height="95%" src="[https://www.youtube.com/embed/-xE-gogMDKc](https://www.youtube.com/embed/-xE-gogMDKc)" frameborder="0" allowfullscreen></iframe> </div>
<div class="video"> <iframe width="95%" height="95%" src="[https://www.youtube.com/embed/-xE-gogMDKc](https://www.youtube.com/embed/-xE-gogMDKc)" frameborder="0" allowfullscreen></iframe> </div>

</div>

CSS-

PAI

#Container {
clear:both;
background: #fff;
margin-left: 0;
width: 100%;
display:block;
float:left;
text-align: center;
align-items: center;
}

FILHO

.video {
width:264px;
height: 146px;
float:left;
margin: 0 auto;
}

Obrigado,