JSFiddle - React, Tailwind, and code Playground

by tmyie

HTML

<div class="second-col web-design">
    <img src="http://kurt-theme.info/wp-content/uploads/2013/09/front_picture45.png" />
    <img src="http://kurt-theme.info/wp-content/uploads/2013/09/greg_cards.png" />
    <img src="http://kurt-theme.info/wp-content/uploads/2013/09/greg_cards.png" />
</div>

CSS

.top_bar {
    
     border-top: 1px solid red; 
    border-left: 1px solid red; 
    border-right: 1px solid red; 
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    height: 20px;
}

.button {
    
    width: 10px;
    height: 10px;
   margin-left: 5px;
    margin-top: 4px;
    border: 1px solid red;
    display: inline-block;
    border-radius: 5px;
}

 img {
    
    border: 1px solid red;
}

JavaScript

$( "<div class='top_bar'> <div class='button'></div><div class='button'></div><div class='button'></div>" ).insertBefore( "img" );