JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
</head>
<div id="footer">
		<div class="container">
      <p>
      Kontaktujte nás
      </p>
				<ul class="menu">
          <li><i class="fa fa-phone"></i><a href="tel:+420571454251">+420 571 454 251</a></li>
				  <li><i class="fa fa-envelope"></i><a href="mailto:[email protected]">[email protected]</a></li>
			</ul>
		</div>
</div>

CSS

body {
  background: red;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
}

.menu {
	list-style: none;
	padding-left: 0;
	margin: 0;
  text-align: center;
}

.menu li {
	display: inline;
}

.fa {
	vertical-align: middle;
}

#footer {
  background: white;
  text-align: center;
}