JSFiddle - React, Tailwind, and code Playground

by Ranjit Singh

HTML

<div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div class="w-50">6</div>
    <div>7</div>
    <div>8</div>
<div class="w-50">&nbsp;</div>
    <div>9</div>
    <div>10</div>
    <div>11</div>
    <div>12</div>
    <div>13</div>

CSS

div 
{ 
    display: inline-block; 
    width: 25%;
text-align:center;
    float:left;
}
div.w-50 
{
    width:50%;
}