How to create a triangle from DIV

Question

I Have a DIV in HTML with some text written in it.The div is created by setting its X, Y coordinates and Height and Width. I want to draw a triange Superimposing that DIV so that my content is not lost. I cannot change the X,Y coordinates as my other div's positioning is based on this DIV. Generating a Triangle using multiple DIV's approach also doesnot seem feasible as I am not sure in which Div I will write my text then......

Can somebody suggest an idea on how I can do this..?

Answer 1

With a background image? With SVG? With an AJAX-style JavaScript library? With a magic marker?

It's hard to say what the best answer would be without more information about what you are trying to accomplish.

Answer 2

http://www.vanseodesign.com/blog/css/creating-shapes-with-css-borders/ take a look at this article may be you'll find it useful