弧形区域文字排版

    <div class="box">
        <before></before>
        <after></after>
        昨夜的月亮是真的大啊。不知道你有没有看到？不知道你有没有邀月寄相思呢？想起了北方此时的柳絮飘飞
        昨夜的月亮是真的大啊。不知道你有没有看到？不知道你邀月寄相思。
    </div>

    .box {
        border-radius: 50%;
        width: 207px;
        height: 250px;
        background-color: #FFD900;
        padding: 10px;
        margin: 50px;
    }

    before {
        float: left;
        width: 50%;
        height: 100%;
        shape-outside: radial-gradient(farthest-side ellipse at right, transparent 100%, red);
    }

    after {
        float: right;
        width: 50%;
        height: 100%;
        shape-outside: radial-gradient(farthest-side ellipse at left, transparent 100%, red);
    }