Opposé deux bloc face à face

Bonjour, les webmestres sur l une de mes pages web j aimerais opposé deux blocs face à face.
svp aidez moi


voici mon code htm et css



<p class="imp">


Dans ce astuce nous allons apprendre tous ensemble à conserver une batterie de téléphone mobile.
Pour conserver une batterie de téléphone mobile nous devons d'abord la charger entièrement puis l'enveloppertion elle refuse de fonctionner ceux-ci peut arriver mais c'est simple
si vous avez un chargeur universel posé la batterie la dessus et partienté environs 20 à 30 minutes ou plus
ce chargeur retabliera l'équilibre ionique et la batterie fonctionnera normalement.
</p>



<p class="doc">

AARONNTECH
Dans ce astuce nous allons apprendre tous ensemble à conserver une batterie de téléphone mobile.
Pour consever une batterie de téléphone mobile nous devons d'abord la charg
ce chargeur retabliera l'équilibre ionique et la batterie fonctionnera normalement.
</p>

.imp
{
float:auto;
width: 300px;
height: 200px;
background-color:#c0c0c0; /* les caracteristique de l'astuce*/
border: 2px solid grey;
overflow:auto;
position: sroll;
left: 50%;
top: 50%;
padding:5px;
}
.doc
{
float:right;
width: 300px;
height: 200px;
background-color:#c0c0c0;
border: 2px solid grey; /* les caracteristique de l'astuce */
overflow:auto;
position: sroll;
left: 50%;
top: 50%;
padding:5px;
}