- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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!
Add it like an html image
``
I had to remove the picture however per request
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…
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.