htmlcss

div Width is being ignored

I'm trying to add a series of buttons inside some divs programmatically.

Here is the code:

Why is the width: 110px being ignored?

Solution

  • The button has a width of 110px but is placed in a div that only has a width of 8.3333%. This comes from the .s1 class. Removing the class shows each button with a 110px width as desired.

    .row .col.s1 {
    /* width: 8.3333333333%; */
    margin-left: auto;
    left: auto;
    right: auto;
}