Home/ Questions/Q 8741639
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T11:21:09+00:00

Consider: <!DOCTYPE html> <html> <head> <style type="text/css"> .left, .right { display: inline-block; width: 49%;

  • 0

Consider:

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
        .left, .right {
            display: inline-block;
            width: 49%;
        }
        .left {
            height: 20px;
            background-color: #dddddd;
        }
        .right {
            height: 100px;
            background-color: #eeeeee;
        }
        </style>
    </head>
    <body>
        <div>
            <div class="left"></div>
            <div class="right"></div>
        </div>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Because inline elements are vertically aligned to the baseline by default. You need to change that.

    .left, .right { vertical-align: top; }
    • 0