JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box" style="padding-left: 45px; background: url(2.png);">
    <div class="line-division1" style="margin-top: 100px; background-color: #003663;"></div>
    <div id="sub-title" contenteditable="true"><span>YOU'RE IN FOR A</span>
    </div>
    <div id="title" contenteditable="true">Wild <font color="#90a6b9">Ride</font>
    </div>
    <div class="line-division1" style="margin-top: 20px; background-color: #003663;"></div>
    <div class="date1" contenteditable="true">THIS JANUARY 21ST 2014</div>
    <div class="date1" contenteditable="true">1337 ACCELERATOR, KL</div>
    <div class="line-division1" style="width: 150px; height:22px; float: left; background-  color: #003663; margin-top: 50px;"></div>
    <div class="line-division1" style="width: 150px; height:22px; float: right; background-color: #003663; margin-top: 50px; margin-right: 50px;"></div>
    <div class="date1" style="font-size: 80px; width: 500px;" contenteditable="true">JOIN US</div>
    </br>
    <div class="date1" style="font-size: 38px; margin-top: 20px;">FOR A RIDE OF YOUR LIFE TIME</div>

JavaScript

$('div').blur(function () {
    $(this).attr('contenteditable', false);
});