CSS rendering differently

  • 1
  • Question
  • Updated 2 years ago
  • In Progress
  • (Edited)
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

Photo of Bill Fox

Bill Fox

  • 7,954 Points 5k badge 2x thumb

Posted 2 years ago

  • 1
Photo of Vijayakrishna

Vijayakrishna

  • 642 Points 500 badge 2x thumb
try by adding "display" property with "block" value. {display:block}