JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<body>
  <br>
<br>

<div class="one">
    <span class="wrapper-b"> &nbsp; </span>
    <span class="wrapper"> PAGE NOT FOUND fgdfg dfgd fgdg </span>
    <span class="wrapper-a"> &nbsp; </span>
  
</div>

  
</body>

CSS

* {
    padding:0;
    margin:0;
}
body {
    height:800px;
    width:100%;
    position:relative;
}

p {
    text-align:center;
}

.one {
height:40px;   
width:100%; 
text-align:center;
position:relative;
overflow:hidden;    
font-size:12px;
line-height:40px;
background:url('http://s16.postimg.org/e939bhdf9/bar.png') top center no-repeat;
}

.wrapper, .wrapper-b, .wrapper-a  {       
height:50px;
padding:12px 0;
}


.wrapper {
color:white;       
background: #ff0000;
}

.wrapper-b {
padding:12px 9px;        
background:url('http://s4.postimg.org/pmqmex21l/gh_01.png') top right no-repeat;  
}


.wrapper-a {
padding:12px 10px;   
background:url('http://s10.postimg.org/spmnth2ol/gh_03.png') top right;
}