Give help. Get help.

  • # May 15, 2013 at 12:08 pm

    I’m trying to make a text border that looks like a candy stripe or something similar.
    I’m new to CSS. RIght now I have a dynamic text border in straight HTML.

    <div style="text-align: center;">
    <span style="display:inline-block;padding:5px;border:5px solid #f00;font-size:140%;font-weight:bold;">
    Text goes here and should be able to span 1500 characters.
    Check out this Pen!

    # May 15, 2013 at 12:25 pm

    Add it like an html image


    # May 15, 2013 at 12:49 pm

    I had to remove the picture however per request

    # May 15, 2013 at 1:43 pm

    You could play around with border-image, but it’s not widely supported.

    I would probably do what Paulie suggested in a div with a chunk of padding. Then nest a second div inside of that.

    Something like this…

    # May 15, 2013 at 1:45 pm
    Check out this Pen!

    # May 15, 2013 at 4:16 pm

    Thank you all very much! This is my first day using CSS and I’ve learned a ton. I will tinker with using an image I found as the border and have text with padding.

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

You must be logged in to reply to this topic.