JSFiddle - React, Tailwind, and code Playground

HTML

<div class="address-container">
	<h2>Address</h2>




	<div class="content">
				<div class="address-row row-postal-address" itemscope="" itemtype="http://schema.org/PostalAddress">
			<div class="address-name"><h5>Our Address:</h5></div>
			<div class="address-data" itemprop="streetAddress"><p>52 Chesterfield Lane</p></div>
		</div>


				<div class="address-row row-telephone">
			<div class="address-name"><h5>Telephone:</h5></div>
			<div class="address-data">
				<p>-</p>

			</div>

		</div>

				<div class="address-row row-email hide-email">
					<div class="address-name"><h5>Email:</h5></div>
					<div class="address-data"><p>-</p></div>
				</div>

				<div class="address-row row-web">
			<div class="address-name"><h5>Web:</h5></div>
			<div class="address-data"><p><a href="www.google.com" target="_blank" itemprop="url">Click here</a></p></div>
		</div>
	</div>
</div>

CSS

.address-container h2 {
  font-size: 0;
}

.address-container h2:after {
  content: "Important information";
  font-size: 15px;
}

.address-container .content .address-row.row-postal-address .address-name h5 {
  font-size: 0;
}

.address-container .content .address-row.row-postal-address .address-name h5:after {
  content: "Company address";
  font-size: 15px;
}


.address-row.row-telephone .address-name {
  Display: none;
}

.address-row.row-telephone .address-data {
  Display: none;
}

.address-row.row-email.hide-email .address-name {
  Display: none;
}

.address-row.row-email.hide-email .address-data {
  Display: none;
}