Html 透视文本不适合CSS

我已经尝试了所有的方法，使用CSS透视图使这个文本适合这个框。但它实际上不适合任何形式

我当前的代码：

<img src="./img/parcel.png" width="350px">
<div class="centerparcel">
Text on Box Here
</div>

但是它看起来很拥挤，很拥挤

是否有一个额外的旋转功能可以使这变得更容易，或者我只需要不断尝试，直到我得到正确的结果？

尝试使用矩阵变换它

---

感谢CBroe通过评论“添加一些倾斜以获得正确的效果”来帮助我解决这个问题

直到现在我才知道歪斜是一种风格

我的代码：

transform: translate(-50%, -50%) skewY(8deg);

---

您可能还想添加一些倾斜以获得正确的效果。。。试错法在浏览器开发工具中效果最好。歪斜！！！那很有效！非常感谢。这是一个很好的答案，但它似乎比歪斜更复杂。@MichaelDavison是的，不像歪斜那么容易理解

transform: matrix(1,.2,0,1,0,0);

transform: translate(-50%, -50%) skewY(8deg);