Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Diane Kostik](https://secure.gravatar.com/avatar/ad79bf563715e40e4dda2be9afa805d4?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Diane Kostik
2,005 PointsWhy was the <span> tag assigned to "time" in the ordered list at the bottom of the page? When is <span> used?
Why was the <span> tag assigned to "time" in the ordered list at the bottom of the page? When is <span> used?
2 Answers
![Steven Parker](https://uploads.teamtreehouse.com/production/profile-photos/969492/micro_tool_chess_set_2.jpg)
Steven Parker
230,688 PointsOne handy use for <span> is to enclose text to make it into a separate element, which then can be styled by CSS or manipulated in JavaScript.
It's not necessary in this example, and the instructor does say "You could've used a different approach for this and that's okay."
![Vladimir Tuska](https://secure.gravatar.com/avatar/b2383fa0088d226c31a6237b358b587a?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Vladimir Tuska
4,280 PointsAnother element that could be used in this context is <time>. <span> is a generic wrapper for an inline content, same way as <div> is a generic wrapper for a block content.
<section>
<!-- Level 2 section heading -->
<h2>Schedule</h2>
<!-- Display the schedule as an ordered list -->
<ol>
<li>
<h3>Get Ready for the Future of CSS</h3>
<p>Cee Esses</p>
<time datetime="12:00">12:00pm</time>
</li>
<li>
<h3>All Things Frameworks</h3>
<p>Jay Query</p>
<time datetime="13:00">1:00pm</time>
</li>
<li>
<h3>ES2018 and Beyond</h3>
<p>Ecma Scriptnstuff</p>
<time datetime="14:00">2:00pm</time>
</li>
</ol>
</section>
![Steven Parker](https://uploads.teamtreehouse.com/production/profile-photos/969492/micro_tool_chess_set_2.jpg)
Steven Parker
230,688 PointsBut be aware that <time> requires a strictly-formatted datetime
attribute, it must not have any element descendants, and is not supported in legacy (including all IE) browsers.