&lt;!doctype html&gt;<br>&lt;html&gt;<br>&lt;head&gt;<br>&lt;style&gt;<br>time { <br>  border: 5px solid red;<br>  padding: 5px 5px 5px 5px;<br>  border-radius: 20px;<br>  cursor: pointer;<br>}<br><br>time:hover::after {<br>  content: '';<br>} <br><br>&lt;/style&gt;<br>&lt;script type='text/javascript' src='use_time.js'&gt;&lt;/script&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br><br>&lt;p&gt;We open at &lt;time&gt;10:00&lt;/time&gt; every morning.&lt;/p&gt;<br><br>&lt;p&gt;I have a date on &lt;time datetime="2008-02-14 20:00"&gt;Valentines day&lt;/time&gt;.&lt;/p&gt;<br><br>&lt;p&gt;&lt;b&gt;Note:&lt;/b&gt; The time element does not render as anything special in any of the major browsers.&lt;/p&gt;<br><br>&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; The time tag is not supported in Internet <br>Explorer 8 and earlier versions.&lt;/p&gt;<br><br>&lt;/body&gt;<br>&lt;/html&gt;