Mise en page CSS

Bonjour,

Je suis en train de créer un site internet et j'ai un problème de mise en page.


Je souhaite réaliser une mise en page spéciale sur mon site et j'ai un peu de mal.

Ma société travaille avec de nombreux partenaires, et je voulait mettre sur une page de mon site la liste de ceux ci.

L'idée étant de créer une carte d'identité pour chacun d'eux comprenant:

- Le logo du partenaire dans un coin en haut à droite de la carte.
- 3-4 lignes de mots en dessous du logo
-une photo ( prenant la moitié droite de la carte d'identité )

Le problème c'est que cela à très bien marché pour la première, mais même en copiant collant les codes html et css d'une carte à l'autre le résultat est toujours différent.

Du coup je me retrouve avec la première carte qui est bien mise en forme et les suivantes en fond un peu à leurs têtes ...

De plus je voulais disposer deux carte d'identité sur la même ligne mais les éléments s'affichent toujours l'un en dessous de l'autre.

Voila le code html de la partie concernée :



<balise4>

<section>

<article>

<aside>

<img src="Image.jpg"class="imageflottante"alt="Image de bureau"


</aside>


<a href="http://www.nomdelamarque.com"target="_blank"><img src="Logoentreprise.jpeg"</a></p>
<a><div><strong>-Equipement </br> -Mobilier </br></strong></div></a></article>


</section>

</balise4>







<balise4>



<section>

<aside>

<img src="image.jpeg"class="imageflottante"alt="Bureau las"

</aside>


<a href="http://www.site de la marque.fr"target="_blank"><img src="logo de la marque.png"</a></p>
<a><div><strong>-Mobilier </br> -Cloisons </strong></div></a></article>

</balise4>





Voila le code CSS de cette partie :


body
{
background-image:url("Flower2.jpeg")
}

body
{
background-attachment:fixed;
}

body
{
margin: 20px 20px 20px 20px;
}

section
{
margin-left: 180px;
margin-right: 180px;
border:3px grey groove;
border-radius:10px;
box-shadow: 6px 6px 6px black;
background-image:url("Grey.jpeg")
}




.imageflottante
{
float:right
}


balise4
{
float:left

}


article
{
width: 50%;
min-width: 400px;
max-width : 1500px ;
max-height : 1500px;
padding: 12px;
margin: auto;
text-align: justify;

}



J'espère que vous pourrez me venir en aide, merci d'avoir pris le temps de lire mon post.

Cordialement,

Béa