<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
    <article class="tweet">
        <div class="avatar"></div>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium, quasi vero perspiciatis architecto possimus, consequatur eius accusantium ipsa, impedit unde labore sapiente voluptas voluptatum magnam. Maiores pariatur nisi dolorum minus modi id quaerat, omnis nemo voluptate, vero iure mollitia. Voluptas perspiciatis optio officiis itaque distinctio est amet, natus eius ullam.</p>
    </article>


</body>
</html>
.avatar {
    width:5rem;
    height:5rem;
    background-color: gold;
    /* ⚜️>  */
    float: left;
    /* <⚜️  */
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.