Вывод фото в блоге из альбомов

Добрый день.

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

img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    border-top-color: initial;
    border-top-style: initial;
    border-top-width: 0px;
    border-right-color: initial;
    border-right-style: initial;
    border-right-width: 0px;
    border-bottom-color: initial;
    border-bottom-style: initial;
    border-bottom-width: 0px;
    border-left-color: initial;
    border-left-style: initial;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

{if $post.album_id && $post.album.id && $post.album.photos}
{* display all photos of the attached photo album *}
{if $post.album.photos}
<div class="photo-album-attachment">
{foreach $post.album.photos as $p}
{if $p.description}
{if $p.description|strstr:'<p>'}
<div>{$p.description}</div>
{else}
<p>{$p.description}</p>
{/if}
{/if}
<a name="photo{$p.id}"></a>
<img src="{$p.thumb_big.url}" class="retinify" alt="{$p.name|escape}">
{/foreach}
</div>
{if blogPhotosBridge::is2xEnabled()}
<script>$(function() { "use strict";
if ($.Retina) {
retinify();
} else {
$.ajax({ // Load JS script, making sure it WILL get cached in non-debug mode
dataType: "script",
url: "{$wa_url}wa-content/js/jquery-plugins/jquery.retina.min.js?{$wa->version(true)}",
cache: true
}).done(retinify);
}
function retinify() {
$.Retina && $('img.retinify').retina();
}
});</script>
{/if}
{/if}
{/if}