CSS rendering differently

  • 1
  • Question
  • Updated 3 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

  • 8,880 Points 5k badge 2x thumb

Posted 3 years ago

  • 1
Photo of Vijayakrishna


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