minor meta data

I almost got the order right.
With the following code the order is ok but the time, comments and category are displayed below eachother instead of next to eachother:

if($show_meta && !empty($excerpt))
					{
						$meta  = "<div class='slide-meta'>";

						$markup = avia_markup_helper(array('context' => 'entry_time','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
						$meta .= "<time class='slide-meta-time updated' $markup>" .get_the_time(get_option('date_format'), $the_id)."</time>";
						$meta .= "</div>";

With the code below the order is ok and everything looks perfect! But Google structured data testing tool gives me 3 errors:
Google does not recognizes the property blog post as an object of type Blog Posting.

if($show_meta && !empty($excerpt))
					{
						$meta  = "<div class='slide-meta'>";

						$markup = avia_markup_helper(array('context' => 'entry_time','echo'=>false, 'id'=>$the_id, 'custom_markup'=>$custom_markup));
						$meta .= "<time class='slide-meta-time updated' $markup>" .get_the_time(get_option('date_format'), $the_id)."</time><div class='slide-meta-del'>|</div>";

The question is: How do i produce that seperator after the ‘slide-meta-time’ so that Google will not give me those errors and all the minor meta data is displayed on 1 line instead of below eachother?