Wrap Text Around a Semicircle - CSS Shape Outside

Author - thinhphamvn

January 09, 2023

Wrap Text Around a Semicircle - CSS Shape Outside

result

index.html

style.css

>>> Download Source Code (Google Drive)

<!DOCTYPE html>
<html>
<head>
    <title>Wrap Text Around a Semicircle</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="semicircle"></div>
    <p>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sapiente libero reiciendis aperiam minus laborum consequatur obcaecati id, voluptatum repellat qui corrupti corporis incidunt cupiditate, atque molestias quis omnis amet nam?
        Minima maxime quos accusamus numquam, hic vitae ipsam, harum quae voluptas culpa nam et accusantium architecto esse assumenda libero repellat fuga aliquid eos quaerat temporibus quis? Voluptatum commodi earum autem?
        Corrupti delectus ea distinctio nam dicta fugiat voluptates necessitatibus quae exercitationem, porro, voluptatem nostrum excepturi reprehenderit reiciendis corporis numquam perferendis beatae inventore itaque eos dignissimos veniam doloremque obcaecati. Asperiores, labore.
        Ipsam earum consequuntur beatae in magni quos architecto accusamus tenetur dolores expedita! Fugiat, enim et ab molestiae quos accusantium distinctio quaerat sapiente ducimus earum voluptatum ex, mollitia deserunt maxime labore.
        Quod earum voluptatum non. Tempora cupiditate, quidem, accusamus animi suscipit ullam numquam odit dolore dicta eius ducimus, veniam pariatur illum inventore ipsam at? Et illo fugit beatae dolor, quas assumenda!
    </p>
</body>
</html>

Wrap Text Around a Semicircle - CSS Shape Outside

Post a Comment

Animated Snowflake - HTML CSS JS - P5JS

Speech Bubble

Hot Posts

Labels

Search This Blog

Most Recent

Animated Snowflake - HTML CSS JS - P5JS

Fold Cube Loader - HTML CSS

Square Pattern - A Square Has 2 Diagonals - HTML CSS JavaScript

Square of star and sharp characters - HTML CSS JavaScript

Create your C++ Console project with Visual Studio 2022

Contact form

Wrap Text Around a Semicircle - CSS Shape Outside

You may like these posts

Post a Comment

Contact form