How to create an alphabet shape containing text with html css javascript? [closed]

Question

I want to create several shapes which will look like different English alphabets and, each shape should contain text. I have an image file showing what I want to do. I want to do it only with html css javascript. I am not asking to teach me everything but references to different methods will be enough.

More Info: The content will be dynamically populated in the shapes.

Answer 1

Closest you'll get without a ridiculous answer.

This can generate many types of ASCII art. Go ahead. Go crazy.

I highly doubt someone will write out the entire story for you, but you can now use CSS shapes to define the line between an image and text.

Though, good luck with it.

css-shapes