Home/ Questions/Q 8645939
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T12:40:42+00:00

I am very new to web development, and I need to create objects that

  • 0

I am very new to web development, and I need to create objects that contain text in a box with rounded edges, as in the image
enter image description here The size of the border should grow with the size of the text.

I can’t use any css libraries or css3 border-radius. Would anyone mind pointing me in the right direction? I don’t want full working code – I want to figure the details out on my own – but a list of links or subjects to research would be much appreciated.

Thanks!

—edit—-
I also can’t use any css or javascript libraries. I’m doing this for an assignment rather than a real-world scenario – hence the limitations.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Well, if you don’t use libraries and css3.. you have two options:

    1. Slice up images of a rounded rect, put the text within a div and create a bunch of other divs with background set to those images, details can be found here

    2. Use a canvas refer here

    Don’t worry, canvas isn’t a library, its a part of the Html5 spec (though I don’t know if you can use html5) Read more about canvas and how to use it here and a simple tutorial here. How to draw text within a canvas is explained here

    • 0