CODE EXAMPLE FOR CSS

inline element not take padding why?

Because inline element did not have the height so they did not take any padding
bottom and padding top but they take padding left and padding right

For giving the padding set the display to inline-block