3. One selector to rule them all

This is my html…

Result

Boxes within boxes!

Paragraph One

Paragraph Two

Paragraph Three

CSS…

*{
border: 1px dashed #3A5FCD;
}

Please paste in your code using this format

```

   replace this line with your code 

```
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<h3>Boxes within boxes!</h3>
		<div>
			<p>Paragraph One</p>
		</div>
		<div>
			<p>Paragraph Two</p>
		</div>
		<div>
			<p>Paragraph Three</p>
		</div>
	</body>
</html>

CSS

*{
border: 1px dashed #3A5FCD;
}

What is the error you are receiving?

Oops, try again. Make sure that you use the universal selector * to give a border 1px wide.

Okay it’s a browser issue tour code is fine … Please make sure your zoom is on 100%

thanks i zoom and it works

1 Like