From e0a062a3e7e5c521e7b26dfcfc32d68b7a125051 Mon Sep 17 00:00:00 2001 From: Carlos Diaz <34174677+bycdiaz@users.noreply.github.com> Date: Sun, 30 Aug 2020 23:28:42 -0400 Subject: [PATCH] Changes order of padding, border, margin in introductory sentence. (#39414) --- .../basic-css/adjust-the-padding-of-an-element.english.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.english.md index e8f9eef265..9069c93deb 100644 --- a/curriculum/challenges/english/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.english.md @@ -11,7 +11,7 @@ forumTopicId: 301083
Now let's put our Cat Photo App away for a little while and learn more about styling HTML. You may have already noticed this, but all HTML elements are essentially little rectangles. -Three important properties control the space that surrounds each HTML element: padding, margin, and border. +Three important properties control the space that surrounds each HTML element: padding, border, and margin. An element's padding controls the amount of space between the element's content and its border. Here, we can see that the blue box and the red box are nested within the yellow box. Note that the red box has more padding than the blue box. When you increase the blue box's padding, it will increase the distance (padding) between the text and the border around it.