Пытается переместить изображение целиком влево, не используя отрицательный запас

Question

У меня возникли проблемы с некоторыми из моих изображений. Первоначально проблема возникла, когда я изменил размер моего браузера, и мой логотип будет наполовину срезан, поэтому вы могли видеть только половину его. Конечно, это было сложно. Мне просто пришлось удалить margin-left {отрицательное значение; } Теперь у меня возникают проблемы с перемещением моего содержимого на несколько пикселей влево, не используя приведенное выше. Я мог бы поместить его на скрипту JS, но я не думаю, что это помогло бы, так как изображения не появятся. Я также не хочу использовать какое-либо позиционирование. Я хочу держать его в нормальном потоке.

Любая помощь оценена!

<div id="rainbow"> 
<img src="images/rainbow.png" alt="rainbow gradient"> 
</div> 

<div id="header"> 
<p id="logo"><img src="images/logo.png" alt="Bethan Rainforth a comedic dancer" > 
</p> 
</div> 

<div class="danceleft"> 
<img src="images/danceleft.png" alt="dancer to the left kicking"> 
</div> 

я до сих пор запас налево, как вы можете видеть, но план на удалении его, как только я могу понять, как переместить изображение в левый

#rainbow img { 
width: 149.2%; 
margin-left: -190px; 
margin-right: 20%; 
} 

#logo img { 
width: 320px; 
margin-top: -60px; 
} 

div.danceleft img { 
width: 20%; 
margin-bottom: -56%; 

} 

Answer 1

для Img отображения встроенного

text-align:left 

для общего

float:left 
position:relative, absolute, fixed 
padding-left 

Answer 2

Я бы рекомендовал использовать

position: relative; 
left: -XXpx; 

Это будет перемещать изображение влево относительно к исходной позиции изображения.