Tricky one! We could try some CSS Grid..
First, we need to move the meta out of the entry-header element:
add_action( 'wp', function() {
remove_action( 'generate_after_entry_title', 'generate_post_meta' );
add_action( 'generate_before_content', 'generate_post_meta' );
}, 50 );
Then try this CSS:
.home .inside-article,
.archive .inside-article,
.single .inside-article {
display: grid;
grid-template-areas:
"title meta"
"content meta";
}
.home .entry-header,
.archive .entry-header,
.single .entry-header {
grid-area: title;
}
.home .entry-meta,
.archive .entry-meta,
.single .entry-meta {
grid-area: meta;
margin-top: 0;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #ddd;
}
.home .entry-summary,
.archive .entry-summary,
.single .entry-content {
grid-area: content;
}
Not sure if this is going to work at all, but it’s worth a shot – it will definitely require some tweaking once implemented.