Live
x
<section> <h2>Section with a clock</h2> <div class="time">09:48</div> <div class="timer">00:25:11</div></section><hr><section> <h2>Section without clock</h2> <div class="timer">00:25:11</div></section>
Live
xxxxxxxxxx18
body { margin: 0; padding: 50px; color: #333; font: 28px/1.5 sans-serif;}.time { color: #f44336; /* Red */ }.timer { color: #2196f3; /* Blue */}.time + .timer { color: #4caf50; /* Green */}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.