CSS3 vertically center align example

Write code here

J | B | A

<!DOCTYPE html>
<html>
	<head>
		<title>Demo</title>
	</head>
<body> 
<style>
.btnLink{
	border-spacing:15px;
	border-collapse:separate;
	font-size: 20px; 
	background-color: #fff;
	font-family: Garamond;
	font-weight:600;
	text-decoration:none;
	width:200px;	
	height:75px;
	overflow:hidden;
	text-align:center;
	color:#1F548A;
	box-shadow:inset 0 0 1em orange;
	margin:5px 0px 5px 0px; 
	align-items: center;
	   justify-content: center;
	display: flex;
}

.flex{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex a {
    margin-left:5px;
}

</style></p> 
<div class="flex">
   <a class="btnLink" href="http://www.dotnetfunda.com/">DotNetFunda.com, Tutorials</a> <a class="btnLink" href="http://www.techfunda.com/">TechFunda</a> <a class="btnLink" href="http://www.itfunda.com/">ITFunda</a> 
   <a class="btnLink" href="http://www.dotnetfunda.com/">DotNetFunda.com, Tutorials</a> <a class="btnLink" href="http://www.techfunda.com/">TechFunda</a> <a class="btnLink" href="http://www.itfunda.com/">ITFunda</a> 
</div>

</body>
</html>

Note: We DO NOT save your trial code in our database.

CSS3 > Vertically Center Align

Write code here

Output