сделать изображение выровненным (или плавающим) вправо

Question

Я установил плагин Wordpress User Photo, который позволяет показывать фотографию авторов. Пока все хорошо, но я хочу, чтобы оно отображалось не после даты публикации, а параллельно имени автора и дате публикации. Следующее изображение объясняет все это:

кажется, мне удалось создать новый класс CSS .. Я добавил в css:

блок Featured-posts-.user-photo {}

Затем в цикле я обернул код фотографии пользователя в ту же вещь CSS, так что теперь это так:

Чтобы проверить это, я добавил "border: 2px solid blue;" в CSS, и это оказалось хорошо ..

Но я не могу заставить его всплывать справа от текста, как я продемонстрировал на фото выше. Помощь приветствуется.

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

Сайт, где вы можете увидеть его: http://kuttabna.net

Код, который я использую для отображения этого чанка:

<h2 class="entry-title"></a><a>" rel="bookmark" title="<?php printf(__('رابط  %s', 'framework'), get_the_title()); ?>"> <?php the_title(); ?></a></h2>

<!--BEGIN .entry-meta .entry-header-->
                        <div class="entry-meta entry-header">
                    <span class="published"> كتبها
                    <?php the_author_posts_link(); ?>  </span>
                    <span class="meta-sep">·</span>
                    <span class="published"> في <?php the_time( get_option('date_format') ); ?>
<?php userphoto_the_author_thumbnail() ?></span>
                            <!--END .entry-meta entry-header -->
                        </div>

Answer 1

Изображение распечатывается внутри элемента div с классом user-photo. Добавьте новый стиль на страницу с плавающей точкой: вправо для этого класса ... с полями влево 5px только для некоторого интервала.

<style type="text/css">
div.user-photo{
    float: right;
    margin-left: 5px;
}
</style>