Computer scienceFrontendCSSMeasurement units

Absolute units

Theory

Convert to pixels

Report a typo

The HTML code below contains three paragraphs. The font size of each paragraph is different. You have to convert the given font sizes into px values such that the original font size of the paragraphs do not change.

Refer to the topic theory and take the approximate values for conversion of one unit to another unit. Round up the values if necessary.

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>Convert into pixels</title>
</head>
<body>
<p class="first-para">This paragraph has size of 20mm</p>
<p class="second-para">This paragraph has size of 3cm</p>
<p class="third-para">This paragraph has size of 1in</p>
</body>
</html>

Completed 1 of 4
The first-para has font size in px and it's value is correct.
The second-para has font size in px and it's value is correct.
___

Create a free account to access the full topic