Help with Striped Text Border HTML CSS

[Jacob_B]

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.

</span>

</div>Check out this Pen!

[Paulie_D]

Add it like an html image

``

[Jacob_B]

I had to remove the picture however per request

[contentJones]

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…

http://cdpn.io/LHAxI

[contentJones]

Check out this Pen!

[Jacob_B]

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.

[Author]

Posts