3 <input id=text1
style=
"box-sizing:border-box; width:100px; text-align:right;" value=
"Hello world">
4 <input id=text2
style=
"box-sizing:border-box; width:100px; text-align:right;" placeholder=
"Hello world">
5 <input id=text3
style=
"box-sizing:border-box; width:100px; text-align:right;" value=
"Hello world">
6 <input id=text4
style=
"box-sizing:border-box; width:100px; text-align:right;" placeholder=
"Hello world">
8 document
.body
.offsetLeft
;
9 document
.getElementById('text1').style
.paddingLeft
= '40px';
10 document
.getElementById('text2').style
.paddingLeft
= '40px';
11 document
.getElementById('text3').style
.borderLeftWidth
= '40px';
12 document
.getElementById('text4').style
.borderLeftWidth
= '40px';