Sunday, 4 August 2019

left justify and right justify one element content in css

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.

HTML Code (On inspect):

<time datetime="00:15 02-08-2019" style="width:194px;" 
data-timezone="et">August 2 &nbsp;  &nbsp; 00:15</time>

The above inspect is generated from the following php code:

Php code:

<time style="width:194px;" datetime="<?php echo esc_attr(date_format($ts, 'H:i d-m-Y')) 
?>"data-timezone="<?php echo esc_attr($tz_param) ?>"><?php 
echo ucfirst(date_i18n( 'j F &\nb\sp; &\nb\sp; H:i', 
$ts->getTimeStamp()-(60*60*4))); ?></time>`


The above inspect html code belongs to the following screenshot:

enter image description here

Problem Statement:

I am wondering what CSS code I need to add so that I can left justify August 2 (which is already there) and right justify 00:15.



from left justify and right justify one element content in css

No comments:

Post a Comment