css child padding makes it draw out side the parent

Question

Applying padding to child elements is making the child draw over the boundaries of its containing parent. Can you please explain the size consideration in margin,padding an

Answer 1

You must do add display: block; to element to expand parent as you need. See this fiddle