This is what I want do using html css:

enter image description here

I have seen many examples and codes in html css but none of them fulfilled my requirement.
I also tried skew property on the div but that skewed the text also and i want the text to be straight i.e. not skewed but only indent as the div skews.

enter image description here