<div class="container">
<form class="h-adr">
<span class="p-country-name" style="display:none;">Japan</span>
〒<input type="text" class="p-postal-code" size="3" maxlength="3">-<input type="text" class="p-postal-code" size="4" maxlength="4">
<label>
<span>都道府県</span>
<input type="text" class="p-region" readonly />
</label>
<label>
<span>市町村区</span>
<input type="text" class="p-locality" readonly />
</label>
<label>
<span>町域</span>
<input type="text" class="p-street-address" />
</label>
<label>
<span>以降の住所</span>
<input type="text" class="p-extended-address" />
</label>
</form>
</div>
.container {
margin: 20px;
}
input {
font-size: 16px;
margin-bottom: 15px;
}
label span {
display: block;
}
.p-locality , .p-street-address , .p-extended-address {
width: 300px;
}
This Pen doesn't use any external CSS resources.