JSFiddle - React, Tailwind, and code Playground

by agus makmun

HTML

<body>
<div id="awesome">
<div class='dalam'>
  This is awesome CSS mode and working for enjoy
  </div>
</div>
</body>

CSS

body {
    color: #333333;
    font-family: 'Droid Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.6;
    word-wrap: break-word;
    min-width: 1090px;
}
#awesome {
  width: 345px;
  height: 35px;
  padding: 20px;
  background-image: url('http://demyo.com/wp-content/themes/d5-business-line/images/bodyback.jpg');
  background-repeat: repeat;
  background-position: top left;
  background-attachment: fixed;
}
.dalam {
  margin: 0 auto;
  padding: 10px;
  background: none repeat scroll 0 0 rgba(200, 200, 200, 0.3);
  border-bottom: 1px solid #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  border-top: 1px solid #999999;
  display: inline-block;
  padding: 5px 10px;
}