JSFiddle - React, Tailwind, and code Playground

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;
}