Проблема такая: две background-картинки располагаются не на одной строчке. Как это исправить?
#img {
background-position: left;
vertical-align: middle;
display: inline-block;
padding: 0px;
width: 348px;
height: 286px;
margin: 0px;
background: url(el1.png) no-repeat;
}
#img1 {
background-position: right;
vertical-align: middle;
display: inline-block;
padding: 0px;
width: 348px;
height: 286px;
margin: 0px;
background: url(el2.png) no-repeat;
}
<div id="img"></div>
<div id="img1"></div>
Нужно чтоб первая осталась на месте, в левой части экрана, а вторая была в правой части экрана.