Untitled



```
<!DOCTYPE html>
<html>
<head>
	<title>Trolled!</title>
	<style>
		body {
			background-color: #FFFFFF;
			font-size: 48px;
			text-align: center;
			margin-top: 20%;
		}
	</style>
</head>
<body>
	<span>U been trolled</span> 🙂
</body>
</html>
```

If you want to use JavaScript to display the message, you can use:

```
<!DOCTYPE html>
<html>
<head>
	<title>Trolled!</title>
	<style>
		body {
			background-color: #FFFFFF;
			font-size: 48px;
			text-align: center;
			margin-top: 20%;
		}
	</style>
</head>
<body>
	<script>
		document.write("U been trolled 🙂");
	</script>
</body>
</html>
```

For a more advanced solution, consider using a CSS framework like Bootstrap or a JavaScript library like jQuery.

To enhance the troll face, replace 🙂 with an image:

```
<img src="troll-face.png" alt="Troll Face">
```

Replace "troll-face.png" with your image URL or path.

Let me know if you'd like any variations!
Editor is loading...