container.html


<head>
    <style>
        .product {
            background-color: gold;
            width: 300px;   /* By default it does take whole width */
        } 
        .highlight {
            background-color: aqua;
        }
    </style>
</head>
<body>
<!-- 
    Division has no view. its like Container. Divs are block level elements, it uses entire uses width of the page
    span laso one type of container. Span is not a block level element. its an element, it doesn't take whole width of the page -->
    <div class="product"> 
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perspiciatis, aperiam doloremque blanditiis dolore enim voluptates architecto, odio assumenda amet sapiente impedit natus id nemo quis, exercitationem eaque sunt accusamus incidunt.</p>
        <a>Link</a>
    </div>
    <p>
       <span class="highlight">The Short</span>  stories
    </p>
</body>