tab in html

   <!-- 1 space -->
 	<!-- tab; 2 space -->
 	<!-- tab; 4 space --><d style="padding-left:1em;" > </d><p style="text-indent :5em;" > </p>  <!-- Tab links -->
<div class="tab">
  <button class="tablinks" onclick="openCity(event, 
  'London')">London</button>
  <button class="tablinks" onclick="openCity(event, 
  'Paris')">Paris</button>
  <button class="tablinks" onclick="openCity(event, 
  'Tokyo')">Tokyo</button>

</div>

<!-- Tab content -->
<div id="London" class="tabcontent">
  <h3>London</h3>
  
<p>London is the capital city of England.</p>
</div>

<div 
id="Paris" class="tabcontent">
  <h3>Paris</h3>
  <p>Paris 
is the capital of France.</p> 
</div>

<div id="Tokyo" class="tabcontent">
  
<h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div> <!-- Answer to: "tab in html" -->

<!--
  Since Tab is a character-entity of U+0009 you can set the
  width of the Tab by using tab-size in CSS.
-->