JSFiddle - React, Tailwind, and code Playground

HTML

<header class="userWelcome">
	<a href=""><img src="images/user2.png" alt=""></a>
	<h3><a href="">Witaj</a></h3>
	<ul>
		<li><a href="">Profil</a></li>
		<li><a href="">Propozycje</a></li>
		<li><a href="">Biblioteka</a><li>
		<li><a href="">Wydarzenia</a></li>
		<li><a href="">Znajomi</a></li>
		<li><a href="">Skrzynka odbiorcza</a></li>
		<li><a href="">Ustawienia</a></li>
	</ul>
</header>

CSS

.userWelcome:after {
  clear: both;
  display: block;
  content: "";
}
.userWelcome img {
  float: left;
  width: 6.38%;
  height: auto;
  border-radius: .2em;
}
.userWelcome h3 {
  margin-left: 8.6%;
  padding: .2% 0 .6%;
  border-bottom: .05em solid #ccc;
  font-size: 1.25em;
}
.userWelcome h3 a {
  color: #000;
}
.userWelcome a:hover {
  text-decoration: underline;
}
.userWelcome ul {
  margin-left: 8.6%;
}
.userWelcome ul:after {
  clear: both;
  display: block;
  content: "";
}
.userWelcome ul li {
  float: left;
  margin-right: 1.9%;
  padding: .5% 0 0;
}
.userWelcome ul li:last-child {
  margin-right: 0;
}
.userWelcome ul a {
  color: #0187c5;
  font-size: .8em;
}