layout: Make inline margins on <input type=button> and friends apply

only to the button and not to the text inside.

Improves the Google home page.
This commit is contained in:
Patrick Walton 2015-08-12 16:26:05 -07:00
parent 9fda72d60f
commit 8fe2f8930c
5 changed files with 47 additions and 5 deletions

View file

@ -170,6 +170,7 @@ experimental == iframe/size_attributes_vertical_writing_mode.html iframe/size_at
# inline_text_align_a.html inline_text_align_b.html
== inline_whitespace_a.html inline_whitespace_ref.html
== inline_whitespace_b.html inline_whitespace_ref.html
== input_button_margins_a.html input_button_margins_ref.html
== input_button_size_a.html input_button_size_ref.html
!= input_height_a.html input_height_ref.html
== inset.html inset_ref.html

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<style>
body, html {
margin: 0;
}
input {
margin-left: 64px;
}
</style>
<input type=button value=Hello>

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<style>
body, html {
margin: 0;
}
input {
position: absolute;
left: 64px;
}
</style>
<input type=button value=Hello>