JSFiddle - React, Tailwind, and code Playground

by Krzysiek_35

HTML

<body>

	<div class="box3">
  
		<li>
			<img src="pictures/contact/skype.png" width="34px" height="34px" />
			<span>Skype name</span>
		</li>
    
		<li>
			<img src="pictures/contact/gadu-gadu.png" width="34px" height="34px" />
			<span>Gadu-Gadu number</span>
		</li>
    
		<li>
			<img src="pictures/contact/email.png" width="34px" height="34px" />
			<span>Email address</span>
		</li>
    
	</div>
  
</body>

CSS

body
{
	left: 8%;
  top: 10%;
  position: absolute;
  background-color: #6699cc;
}

.box3
{
	background-color: #191919;
	position: absolute;
	padding: 15px 40px 15px;
	font-size: 12px;
	color: #DDDDDD;
	font-family: Verdana;
	font-size: 12px;
	width: 400px;
}

.box3 > li
{
	display: block;
}

.box3 > li span
{
	display: inline-block;
	vertical-align: middle;
}