JSFiddle - React, Tailwind, and code Playground
HTML
<div class="content">
<div class="full_row">
<div class="first_half_of_row">
<span>
<img style="margin-right:3px;" src="https://i.stack.imgur.com/mSXoO.png" />
<span class="field_properties">User ID</span>
</span>
</div>
</div><br />
<div class="full_row">
<div class="first_half_of_row">
<span>
<img style="margin-right:3px;" src="https://i.stack.imgur.com/mSXoO.png" />
<span class="field_properties">Password</span>
</span>
</div>
</div><br />
<div class="full_row">
<div class="first_half_of_row">
<span>
<img style="margin-right:3px; " src="https://i.stack.imgur.com/mSXoO.png" />
<span class="field_properties">Confirm Password</span>
</span>
</div>
</div><br />
</div>
CSS
body {
padding: 0px;
margin: 0px;
}
.content {
max-width: 947px;
width: 100%;
margin: 0px auto;
font-family: Tahoma, Geneva, sans-serif;
text-decoration: none;
font-size: 15px;
}
.full_row {
line-height: 2.5em;
padding: 0px;
margin-bottom: 5px;
width: 100%;
max-width: 947px;
}
.first_half_of_row {
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 15px;
padding: 0px;
width: 100%;
max-width: 240px;
text-align: right;
border: 1px solid white;
}
.field_properties {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 20px;
color: #181818;
font-weight: normal;
}
img{
height:15px;
width:15px;
}