I installed Wordpress User Photo wordpress plugin that enables to exhibit an authors photo. To date so great, however i would like it to be shown not following the publish date, but instead parrallel towards the author's title and publish date. The next image describes everything :

enter image description here

it appears I handled to produce a new CSS class.. I put in the css:

featured-posts-block .user-photo

Then informed, I wrapped the consumer photo code within the same CSS factor, so it's now:

To check it, I added "border:2px solid blue" towards the CSS, also it turned up good..

However I am not able to really make it float right from the text , like I shown within the photo above. Assistance is appreciated.

It is always good should you please also let me know what wouldso would the code seem like if I wish to re-size the look when it's displayed.

The web site where one can view it: http://kuttabna.net

The code I'm using to show that chunk:

<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>

The look has been printed out within a div with class user-photo give a new Style for your page using the float: right for your class.. incorporated margin-left 5px only for some spacing.

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