Получение фото для правильной настройки

Question

Я пытаюсь получить 3 вещи, которые нужно установить на одной строке. Одним из них является pic, остальные 2 будут текстовыми полями. это то, что я до сих пор. У меня есть img во всех трех местах, чтобы иметь место.

<div class="top"><img src="Images/cmdg.jpg" ></img></div> 
<div class="top1"><img src="Images/cmdg.jpg" ></img></div> 
<div class="top2"><img src="Images/cmdg.jpg" ></img></div> 

<style> 
img{ 
width: 580px; 
height:auto; 
margin-left:580px; 
margin-right: 574px; 
margin-top: -18px; 
border-color:white; 
border-style:solid; 
border-radius:50%; 
border-width: 2px; 
} 

.top { 
    float:left; 
    margin: 33%; 
    width:180; 
    height:auto; 
} 
.top1 { 
    float:none; 
    margin: 33%; 
    width:180; 
    height:auto; 
} 
.top2 { 
    float:right; 
    margin: 33%; 
    width:180; 
    height:auto; 
} 

На этом этапе они складывают их друг на друга или просто не выглядят правильно. Пожалуйста, помогите