JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div id="calendar_container">
    <div id="events_container">
        <div class="event_block">
            <div class="title">kjskjsfkjsfkjfkjdfkjdkfjdkfjjkdjfkdjfkdjfkdjfkdjfkdjfkdjfkdjfkdjfkdjfkdjfkdjfkdjfkdjfjdjdjdjd</div>
        </div>
    </div>
</div>

CSS

body {
    font-family:arial;
    background-color:#ff8582;
}
#calendar_container {
    width:400px;
    margin:0px;
    padding:0px;
}
#calendar_container > #events_container {
    width:400px;
}
#calendar_container > #events_container > .event_block {
    width:400px;
    padding-top:1%;
    padding-bottom:1%;
    background-color:#009;
}
#calendar_container > #events_container > .event_block > .title {
    width:400px;
    font-size:12px;
    word-break:break-all;
}