JSFiddle - React, Tailwind, and code Playground

by Ea Bangalore

HTML

<span contenteditable="true" id="hh">Hello world</span>


<ul>
  <li>
    <div class="key">26</div>
    <div class="value">Bangalore 1</div>
  </li>
  <li>
    <div class="key">27</div>
    <div class="value">angalore 2</div>
  </li>
  <li>
    <div class="key">28</div>
    <div class="value">angalore 3</div>
  </li>
  </ul>

CSS

ul{
  list-style:none;
}

ul li{
    display: flex;
   line-height: 38px;
}

li .key{
  flex-basis: 20%;
}

li .value{
  flex: 1;
}

JavaScript

$(function(){
  setTimeout(function(){
        $('#hh').trigger('click');
  },2000);
});