The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

trouble getting text to display properly

  • # January 10, 2013 at 4:30 pm

    I am very new at this…
    …okay, now that that’s out of the way, here are my troubles:

    How do I display the value from class “time” to show up beneath the value from class “type”?
    (Eventually, I will need to display a row of icons beneath class “type”. examples would be hand-weights, kettle-ball, jump-rope etc…)

    Also, feel free to suggest a better way of how I am displaying this content.


    # January 10, 2013 at 4:33 pm

    This reply has been reported for inappropriate content.

    @n2learning, your VERY first step should be to be closing those span tags, you’ve left all of them open, and that’s not right..should look more like <span class="time">5:00</span>

    # January 10, 2013 at 4:51 pm

    The tags are closed (thanks) and the ‘time’ values are showing up, but it’s not formatted properly.

    # January 10, 2013 at 5:01 pm

    This reply has been reported for inappropriate content.

    @n2learning, you’ll also need to close the <span class="play" /> tag..first of all, span’s don’t self close like that, and if I were in your shoes, I’d do <div class="play"> instead of span..but still close it after the “type” and “time” span’s regardless

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed