Experiments • HTML

Test on LAMBDATEST    Test on LAMBDATEST


<!DOCTYPE html>
<meta name="robots" content="noindex,nofollow">

<html>
<head>
  <title>Experiment: Welcome to My Homepage | LambdaTest</title>
<style>
body{
  background: #000;
}
.main-div{
  width: 500px;
  margin: 0px auto;
  display: block;
  background: #fff;
  height: 400px;
  margin-top: 40px;
  padding: 30px;
}
p::first-letter {
    font-size: 200%;
    color: #8A2BE2;
}
</style>

<!-- Google Tag Manager -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-833407987"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());
  gtag('config', 'AW-833407987');
</script>
<!-- Google Tag Manager -->
</head>
<body>
<div class="main-div">
<h1>Welcome to My Homepage</h1>

<p>My name is Donald.</p>
<p>I live in Duckburg.</p>
<p>My best friend is Mickey.</p>

<p><b>Note:</b> For this selector to work in IE 5.5-8, you must specify the old, single-colon CSS2 syntax (:first-letter instead of ::first-letter).</p>
</div>
</body>
</html>