Выровнять 2 пролета под изображением в div с CSS

Question

У меня есть 3 элемента в div: 2 пролета и изображение. Мне нужно выровнять обе части под изображением, один пролет слева и один справа. Ширина div составляет 180 пикселей (если это имеет значение). Буду признателен за любую оказанную помощь.

Answer 1

HTML код:

<div> 
    <img src="" width="" height="" alt="" /> 
    <span class="left"></span> 
    <span class="right"></span> 
</div> 

стили CSS

div { overflow: hidden; width: 180px; } 
span { display: block; } 
.left { float: left; } 
.right { float: right; } 

Это должно работать, если изображение не заполняет элемент DIV, добавить "ясно: как" в .left