Nur durch CSS Umsetzbar?

[Derk]

Hallo,

ok es hat geklappt

.inhalt {
    display: flex;
    position: relative;
    background-color: rgba(239, 239, 239, 0.47);
    width: 99.5%;
    padding: 0.5em 1em;
}

.inhalt::after {
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    border-top-color: rgba(239, 239, 239, 0.47);
    border-width: 30px;
    margin-left: -30px;
}

In deinem Beispiel war noch ein ::before benötige ich in meinem Fall nicht.

<div class="inhalt">
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr</p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr</p>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr</p>
</div>

Danke für deine Hilfe.