JSFiddle - React, Tailwind, and code Playground

HTML

<link href='http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy' rel='stylesheet' type='text/css'> 
<div id="ex1">
    
    <h1><span>Kachibito</span></h1>
    <p>Applicake chocolate cake carrot cake sweet roll icing marshmallow powder cake. Biscuit caramels faworki donut jujubes. Toffee dragée bonbon.
Soufflé cookie topping powder jelly cookie I love. I love chocolate bar bonbon carrot cake chocolate bar caramels pastry. Pie I love candy applicake bonbon lemon drops.
</p>
  
  </div>

<div id="ex2">
    
    <h1><span>Kachibito</span></h1>
    <p>Applicake chocolate cake carrot cake sweet roll icing marshmallow powder cake. Biscuit caramels faworki donut jujubes. Toffee dragée bonbon.
Soufflé cookie topping powder jelly cookie I love. I love chocolate bar bonbon carrot cake chocolate bar caramels pastry. Pie I love candy applicake bonbon lemon drops.
</p>
  
  </div>

<div id="ex3">
    
    <h1><span>Kachibito</span></h1>
    <p>Applicake chocolate cake carrot cake sweet roll icing marshmallow powder cake. Biscuit caramels faworki donut jujubes. Toffee dragée bonbon.
Soufflé cookie topping powder jelly cookie I love. I love chocolate bar bonbon carrot cake chocolate bar caramels pastry. Pie I love candy applicake bonbon lemon drops.
</p>
  
  </div>

<div id="ex4">
    
    <h1><span>Kachibito</span></h1>
    <p>Applicake chocolate cake carrot cake sweet roll icing marshmallow powder cake. Biscuit caramels faworki donut jujubes. Toffee dragée bonbon.
Soufflé cookie topping powder jelly cookie I love. I love chocolate bar bonbon carrot cake chocolate bar caramels pastry. Pie I love candy applicake bonbon lemon drops.
</p>
  
  </div>

<div id="ex5">
    
    <h1><span>Kachibito</span></h1>
    <p>Applicake chocolate cake carrot cake sweet roll icing marshmallow powder cake. Biscuit caramels faworki donut jujubes. Toffee dragée bonbon.
Soufflé cookie topping powder jelly cookie I love. I love chocolate bar bonbon carrot cake chocolate bar caramels pastry. Pie...

CSS

article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  
  body{
    margin:0; 
    padding:24px 0 0 0; 
    line-height:1.5; 
    background:#fff;
    font-family: 'Sorts Mill Goudy', serif;
}
  
  h1 {
    border-top: 1px solid black; 
    margin:23px 0 0; 
    text-align:center; 
    padding:0; 
    height:24px;
}

  h1 span { 
    position: relative; 
    top: -24px; 
    padding: 0 20px; 
    background:white;
}
  
  div {
    margin: 0; 
    padding:50px; 
    background:white;
}
  
  #ex1 p, #ex2 p{
    margin:0 0 12px; 
}
  
  #ex2 h1{
    border-top:3px double black; 
    color:black;
}
  #ex2, #ex2 span{
    background:#fff;
}
  
  #ex3 h1{
    border-top:3px double black; 
    color:black;
    text-align:left; 
    padding-left:70px; 
}
  #ex3, #ex3 span{
    background:#fff;
}

  #ex4 h1{
    border-top:1px solid black; 
    color:black;
    
}
  #ex4 span{
    background:#fff;
    border-radius: 50px; 
    border-left:1px solid black; 
    border-right:1px solid black; 
}

  #ex5 h1{
    border-top:1px solid black; 
    color:black;
}
  #ex5 span{
    background:#fff;
    border-radius: 20px; 
    border-bottom:2px solid black; 
}