JS with HTML

<style>
    #wrap { border: 1px solid red; width: 200px; }
    #wrap div { border: 1px solid red; padding: 10px; margin: 10px; }
    .c-1 { width: 160px; }
    .c-2 { width: 140px; }
    .c-3 { width: 120px; }
    .c-4 { width: 100px; }
</style>

<div id="wrap">
    <div class="c-1">
        Hello
        <div class="c-1-1">Welcome</div>
        <div class="c-1-2">to my</div>
    </div>
    <div class="c-2">
        Home.
        <div class="c-2-1">
            I
            <div class="c-2-1-1">am</div>
        </div>
    </div>
    <div class="c-3">
        Happy
        <div class="c-3-1">Today.</div>
    </div>
    <div class="c-4">
        Thanks
        <div class="c-4-1">Guys!</div>
    </div>
</div>

Last updated