<!DOCTYPE html>
<html>
<head>
<style>
.tab div {
display: none;
}
.tab div:target {
display: block;
}
</style>
</head>
<body>
<div class="tab">
<a href="tryit.asp-filename=trycss3_target_tab.html#link1">Link 1</a>
<a href="tryit.asp-filename=trycss3_target_tab.html#link2">Link 2</a>
<a href="tryit.asp-filename=trycss3_target_tab.html#link3">Link 3</a>
<div id="link1">
<h3>Content to Link 1</h3>
<p>Hello World!</p>
</div>
<div id="link2">
<h3>Content to Link 2</h3>
<h4>Great success!</h4>
</div>
<div id="link3">
<h3>Content to Link 3</h3>
<p>Yeah!</p>
</div>
</div>
</body>
</html>