Being brand new to web development, I have a task of creating objects that feature text in a box with rounded edges, similar to the image provided. The challenge is that the border size needs to dynamically adjust based on the text size.
Restrictions on using CSS libraries and CSS3 border-radius have made this task even more challenging. I am seeking guidance on where to start. I prefer not to receive a solution in full code form, as I aim to work through the problem myself. Instead, any links or topics for further research would be greatly helpful.
Thank you!
---edit---- Additionally, I am unable to utilize CSS or JavaScript libraries for this project, as it is an assignment with limitations rather than a real-world scenario.