title: left justify and right justify one element content in css
body: <p>I have an HTML code on inspect (as shown below) in which I want to left justify and right justify time element content in css. </p>
  
  <blockquote>
    <p>HTML Code (On inspect):</p>
  </blockquote>
  
  <pre><code>&lt;time datetime="00:15 02-08-2019" style="width:194px;" 
  data-timezone="et"&gt;August 2 &amp;nbsp;  &amp;nbsp; 00:15&lt;/time&gt;
  </code></pre>
  
  <p>The above inspect is generated from the following php code:</p>
  
  <blockquote>
    <p>Php code:</p>
  </blockquote>
  
  <pre><code>&lt;time style="width:194px;" datetime="&lt;?php echo esc_attr(date_format($ts, 'H:i d-m-Y')) 
  ?&gt;"data-timezone="&lt;?php echo esc_attr($tz_param) ?&gt;"&gt;&lt;?php 
  echo ucfirst(date_i18n( 'j F &amp;\nb\sp; &amp;\nb\sp; H:i', 
  $ts-&gt;getTimeStamp()-(60*60*4))); ?&gt;&lt;/time&gt;`
  </code></pre>
  
  <p><br></p>
  
  <p>The above inspect html code belongs to the following screenshot: </p>
  
  <p><a href="https://i.stack.imgur.com/DHV8i.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DHV8i.png" alt="enter image description here"></a></p>
  
  <p><strong>Problem Statement:</strong> </p>
  
  <p>I am wondering what CSS code I need to add so that I can left justify <code>August 2</code> (which is already there) and right justify <code>00:15</code>. </p>