Create the typical image-on-the-left and stuff-on-the-right layout using display posts shortcode

display-posts-shortcode-helpers.css

/* 

    if using this plugin: https://github.com/billerickson/display-posts-shortcode
    and you write this shortcode: 


    [display-posts include_excerpt="true" excerpt_length="32" wrapper="div" wrapper_class="smith-layout" image_size="thumbnail" excerpt_more_link="true" excerpt_more="... Continue Reading"]
    
    the below would work.
*/

.smith-layout .listing-item {
    clear: both;
	margin-top:60px
}

.smith-layout .listing-item a.title {
    font-size:125%;
    text-decoration:none;
	  color:#222;
	  font-weigt:bold;
	  font-family:"Playfair display", serif;
}

.smith-layout img {
    float: left;
    margin: -2px 30px 30px 0;
	  position:relative;
	  top:11px;
}

.smith-layout span.author {
    padding: 2px 8px;
    color:#888;
}

.smith-layout span.author:before,
.smith-layout span.excerpt:before {
    content: "\A\A";
  	white-space: pre;
}

.smith-layout span.author:after {
	content: "\A";
	white-space:pre;
	line-height:1px;
}

.smith-layout span.excerpt-dash {
	display:none;
}

.smith-layout span.excerpt a {
	text-decoration:none;
	font-weight:bold;
}