Computer scienceFrontendCSSBasic propertiesCommon properties

Margin and Padding

Theory

Code optimization

Report a typo

The following CSS code should be applied to the paragraph with the text, but it seems too long. Your task is to make it shorter by keeping the set properties and apply them to the <p> element.

padding-left: 30px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 25px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Optimization</title>
</head>
<body>
<p>Sample Text</p>
</body>
</html>

Completed 1 of 3
Apply paddings in correct manner as asked in description.
Apply margins in correct manner as asked in description.
___

Create a free account to access the full topic