JSFiddle - React, Tailwind, and code Playground

by Joanna Sobańska

HTML

<div>Lorem ipsum dolor sit amet consectetur adipiscing elitr sed diam nonumy tempe goreng.</div>

CSS

body {
  padding:20px;   
}

div {
  padding:10px;
  margin:10px auto;
  border:1px solid #ccc;
  background-color:#ddd;
}

span {    
  color:#fff;
  padding:5px 10px;
  background-color: #000;  
  display:block;
  width:80px; 
}

JavaScript

var firstOfDiv=$("div").first();
var newElement1=$("<span>1 Tutaj jestem APPEND </span>");
var newElement2=$("<span>2Tutaj jestem PREPEND </span>");

var newElement3=$("<span>3 Tutaj jestem BEFORE </span>");
var newElement4=$("<span>4 Tutaj jestem AFTER </span>");
firstOfDiv.before(newElement3);
firstOfDiv.after(newElement4);
firstOfDiv.append(newElement1);
firstOfDiv.prepend(newElement2);