Question

Trying to add a box around a menu of links in WordPress. So far I’ve got this – which should make a box of 150px x 50px if I am correct. However, while margin, padding, etc, all work, this does not. Why would that be the case? Has width become deprecated in recent CSS?

.menu-header .menu-item {
    display: inline !important;
    margin: 0px 50px !important;
    border-style: solid !important;
    border-width: 2px !important;
    width: 150px !important;
    height: 50px !important;
    background-color: #EDEDED !important;
   }

Answer 1

Remove display: inline – that will cause problems with setting a size. The element needs to be block level to specify the size.

Also, the CSS can be simplified:

.menu-header .menu-item{
    margin: 0 50px;
    border: 2px solid #000;
    width: 150px;
    height: 50px;
    background: #EDEDED;
}​