CSS rendering differently

The inline css is rendering differently. I am trying to make a button take up the full length.

.ui-button { width: 100%;
margin: 0px 100% 4px 4px;
font-size: inherit;
text-align: left;
}

The top “Edit” is a button. The second is “Header”. “Send Email” is a Template.

In firefox it renders correctly

In Chrome it still looks like

try by adding “display” property with “block” value. {display:block}