JSFiddle - React, Tailwind, and code Playground

HTML

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>

<span>11</span>

<section id="output"></section>

CSS

div, span {
	background: #BC008D;
    color: white;
    width: 30px;
    text-align: center;
    padding: 5px 3px;
    font-size: 25px;
    margin: 0 2px 2px 0;
    float: left;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
}

#output {
	clear: left;
}

#output div, #output span {
	background: #94B62D;
}

JavaScript

var els = $('<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div>').add($('<span>11</span>'));

els.appendTo('#output');