JSFiddle - React, Tailwind, and code Playground

HTML

<div class='indenting-text'>Here is the text that will be made to show indenting down a line. The indent amount isn't very much, but it can be useful for certain types of styling your site may be going for. La la la get some more text in here so that you can see the indenting at its finest! </div>
<br>
<div class='indenting-text'>Making italics text with this method is a little different... <div class='indenting-italics'>This text will be italicized it works pretty well and looks normal its just a little different to add than just an i tag. Just be careful using italics inside of these slanted divs.</div> Crossing lines with the italic text does not always work very well. as displayed above.</div>
<br>
    <div class='further-indenting-text'>The drawback to this method is that if you want to make it so that the text indents at a faster pace you would have to increase the skew. But doing this starts to slant the text to the left.(15 deg is how much slant a standard italic text has. A solution for this is to create a custom font that has the italics slant being the same amount you are skewing to the left. This would cause the text to stand straight up like the top example.) placing another div skewed to the right inside does not seem to be the proper solution. The final problem is that when you have more text this way you have to play with the margin-left so that the top of the text does not end up going too far left. Fixing this though can sometimes push things too far right. As long as the div is set up appropriately the right edge should try to avoid being cut off but eventually it does end up overflowing over the right edge...To sum things up... this effect will work and will end up having things look pretty much normally indented however its best if used for areas where there will be a limited amount of text.</div>
<br>
    <div class='better-indent-text'></div><div>So, I've gone back and made this new way to slant the text as you go down the page making use...

CSS

div.indenting-text{
    transform: skewX(15deg);
    font-style: italic;
}
div.indenting-italics{
    transform:skewX(-15deg);
    display:inline-block;
}

div.further-indenting-text{
    transform: skewX(22deg);
    font-style: italic;
    margin-left: 25px;
}
div.better-indent-text{
    height:300px;
    width:90px;
    margin-right:10px;
    shape-outside: polygon(0 0, 100% 100%, 0 100%, 0% 100%);
    float: left;
}