JSFiddle - React, Tailwind, and code Playground
by chrisallenaaker
HTML
<!------------------------------------------------------------------------------------------
ArcMark Start
-->
<div id='am_wr'>
<div id = 'am_gl_ou'></div>
<div id = 'am_gl_in'></div>
<div id = 'am_gl_co'>
<div id='am_url_wr'>
<input id="am_url_in" name="name" type="text" maxlength="320" ></input>
<p id="am_url_lab" >URL</p>
<p id="am_but" >POST</p>
</div>
<div id='am_hide'>
<div id='am_tit_wr'>
<input id="am_tit_in" name="name" type="text" maxlength="320" ></input>
<p id="am_tit_lab" >Title</p>
</div>
<div id='am_tag_wr'>
<input id="am_tag_in" name="name" type="text" maxlength="320" ></input>
<p id="am_tag_lab" >Tag</p>
</div>
</div>
</div>
</div>
<style>
body
{
background: #bfddec;
}
#am_hide
{
}
#am_wr
{
position: absolute;
top: 10px;
left: 10px;
}
#am_url_wr
{
position: absolute;
top: 20px;
left: 10px;
}
#am_url_in
{
position: absolute;
border-radius: 4px;
width: 220px;
height: 35px;
color: #777777;
border: 1px solid #aaaaaa;
font-size: 16px;
}
#am_url_lab
{
width: 200px;
font-size: 14px;
position: absolute;
top: 12px;
left: 9px;
color: #777777;
}
#am_tit_wr
{
position: absolute;
top: 70px;
left: 10px;
}
#am_tit_in
{
position: absolute;
border-radius: 4px;
width: 220px;
height: 35px;
color: #777777;
border: 1px solid #aaaaaa;
font-size: 16px;
}
#am_tit_lab
{
width: 200px;
font-size: 14px;
position: absolute;
top: 12px;
left: 9px;
color: #777777;
}
#am_tag_wr
{
position: absolute;
top: 120px;
left: 10px;
}
#am_tag_in
{
position: absolute;
border-radius: 4px;
width: 220px;
height: 35px;
color: #777777;
border: 1px solid #aaaaaa;
font-size: 16px;
}
#am_tag_lab
{
width: 200px;
font-size: 14px;
position: absolute;
top: 12px;
left: 9px;
color: ...