You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
body {display: flex; align-items: start; gap: 2em; padding: 0 1em;}
p {border: 2px solid gray;}
p:first-child {padding: 1em;}
</style>
</head>
<body>
<p>This paragraph has a border and some padding. The padding keeps the border away from the text content, which is generally more visually appealing. The converse is usually true for replaced content like images.</p>
<p>This paragraph has a border and no padding. The lack of padding means the border is very close to the text content, which is generally not visually appealing. The converse is usually true for replaced content like images.</p>