When building a website or designing a UI, we often get tangled up in the small details that control how elements are spaced. Four of the most commonly misunderstood CSS properties are gap, margin, line-height, and padding. At first glance, they all seem to "add space." But in reality, they do so in very different ways, and knowing how each works can make your designs look polished instead of messy. Let's break them down in a practical, easy-to-follow way with examples.