JSFiddle - React, Tailwind, and code Playground

by Front Dev

HTML

<div class="header"></div>


<div class="show-image">
    <img src="images/colourise.jpg" width="200" height="200" />
    <div style="margin-left:50px;"> <a href="images/colourise.jpg"><input class="update" type="button" value="View" id="mybutton1"/></a>

    </div>
    <p class="sme">Colorise</p>
</div>

CSS

div.show-image {
    position: relative;
    float:left;
    margin:5px;
    padding:28px;
    border-radius:3px;
}
.header{
    position:fixed;
    z-index: 10;
    height:100px;
    width:100%;
    background:red;
}