iGArabZz
Member
- Messages
- 79
- Reaction score
- 81
- Points
- 18
Scratched this up on my phone, I'm aware it's not the best looking, if I were on PC then it'll be so much better and mobile responsive. As well the code is messed up, needs cleaning, once I hop on PC, will fix it.
Code:
<HTML>
<head>
<style type="text/css">
#head {
background-color: #1d1d1d;
height: 30px;
Width: 330px;
Margin-left: -8px;
Margin-top: -8px;
}
#head button {
background-color: #17A589;
border-radius: 2px;
border: 1px solid #17A589;
height: 20px;
width: 70px;
margin-top: 4px;
position: absolute;
margin-left: 240px;
}
#image { margin-left: -10px; }
body { background-color: #2d2d2d;
</style>
</head>
<body>
<div id="head">
<button>Register</button>
</div>
<div id="image">
<img src="http://orig04.deviantart.net/ca3a/f/2014/222/e/6/1_by_nakos-d7uje22.jpg" style="width: 325px;height:150px;" />
</div>
</body>
</HTML>