CSS CSS Layout Basics Controlling Layout with CSS Display Modes Using Inline-Block to Set Width, Height, Top and Bottom Margin and Padding

Michael McMillan
Michael McMillan
3,837 Points

The inline block element for my header links are not taking the padding value set in style.css

https://w.trhou.se/6yv0ri3cbo is the worksheet snapshot. Google Chrome Developer tools shows this at the <a> link level.

.name a, .main-nav a { padding: 10 15px; /* This part is crossed out and not accepting the padding value * display: block; }

Any help is appreciated.

Thanks

1 Answer

Andrew Larson
Andrew Larson
12,912 Points

Hi Michael, The unit of measure is missing for the first padding value.

attached is how lines 63-67 should look

.name a,
.main-nav a {
  padding: 10px 15px; 
  display: block;
}