shape-outside-ellipse-053-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

    <title>CSS Reference File</title>

    <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">

    <style>

    body {

        margin: 0;

    .container {

        width: 200px;

        direction: ltr;

        font: 20px/1 Ahem;

        color: green;

        overflow: hidden;

        transform: scaleX(-1);

    .float {

        float: left;

        width: 100px;

        height: 100px;

        margin-left: -50px;

        shape-outside: ellipse(50% 50%) margin-box;

    </style>

</head>

<body>

    <p>Test passes if both renderings match.</p>

    <div class="container">

        <div class="float"></div>

        X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X

    </div>

</body>

</html>