JSFiddle - React, Tailwind, and code Playground

by mahmoud elkholly

HTML

<div class="main">
<div class="marquee">
<marquee dir="ltr" direction="right" scrollamount="3">
        <h3 style="color:#804000;font-size:large;margin-top:0px;" align="center" ><strong>  
    <img src="http://www.ghadaalsamman.com/new/images/image21.png" height="37" />
        </strong></h3>
        </marquee>
	    </div>
<a href="http://ghadaalsamman.com/new/site.html" id="btn1" class="button"></a>
</div>

CSS

html{	height: 100%;
	width: 100%;
}
body {
background: url('http://www.ghadaalsamman.com/new/images/bg.gif'); 
background-repeat:no-repeat;
background-size:contain;
background-position:center;}
.marquee{position:absolute;left:400px;top:300px;right:400px;display:inline;max-width: 100%;overflow:auto}
  #btn1 {
  postion:relative;
      height:60px; width:490px;
    background: url("http://www.ghadaalsamman.com/new/images/enter.gif");
    background-repeat: no-repeat;
    display: inline-block;
	margin-top:610px;
	margin-left:380px;
  }

  .button {
    padding: 5px;
  }