Є така штука - роблю фотогалерею, і в ній є фотки (мініатюри). Хочу, щоб вони ставали просто по-порядку, в кілька рядів, один за одним. Під кожною фоткою може бути підпис (а може й не бути), висота параграфа підписа різна.

В HTML це реалізовано так:

<div class="photo" id="photo-<?=$photo->id?>" >
                        
                            <?php 
                            //Виводимо мініатюру фотографії
                            

                            ?>
                        
                            <p class="photo-description">
                                <?=$photo->description?>
                            </p>
                        
                    </div>

Тобто, є дів, в якому є картинка та парафграф.

Питання: які стилі прописати тут, щоб ці діви ставали в кілька рядів один за одним? Зараз є так:

.photo {
    background-color: #E9E8E2;
    display: inline;
    float: left;
    margin: 3px;
    padding: 5px;
}

.photo-description {
    margin: 0px;
}

Якби у них була однакова висота, то не було б проблеми, але вона різна (за рахунок різних описів, або їх відсутності. Самі міінатюри мають однакову висоту).
Тому зараз другий ряд починається не від лівої границі, а від одного з верхніх дівів, котрий "випирає":

Дякую