Talan Web Portfolio

Activity 7: CSS Padding Left

Padding adds space inside an element. This example focuses on left padding.

<style>
.padding-left-box {
    background: #dcfce7;
    border: 2px solid #16a34a;
    padding-left: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
}
</style>

<div class="padding-left-box">
    This text is pushed away from the left side using padding-left.
</div>