JSFiddle - React, Tailwind, and code Playground
HTML
<div id="global">
<div id="header">
<img src="images/logo.jpg">
</div>
<div id="Home">
<a href="http://vk.com">Home</a>
<img class="line" src="images/Line1.jpg">
<a href="http://vk.com">Sitemap</a>
<img class="line" src="images/Line1.jpg">
<a href="http://vk.com">Links</a>
<img class="line" src="images/Line1.jpg">
<a href="http://vk.com">Contact</a>
</div>
<div class="ctr">
<span class="menu">
<button type="button">Afval & reiniging</button>
<button type="button">Inkopen & aanbesyeden</button>
<button type="button">Logistiek & mobiliteit</button><br/>
<button type="button">MVO & duurzaamheid</button>
<button type="button">Energie & klimaat</button>
<button type="button">Training & coaching</button>
</div>
</div>
CSS
#header{
float: left;
}
#Home img, #Home a {
float: left;
}
#Home{
float: right;
margin-right: 45px;
}
a{
text-decoration: none;
}
.line{
}
#global {
background-image: url("images/BG.jpg");
width: 903px;
height: 1373px;
margin:auto;
}
.ctr {
text-align: center;
}
.menu {
display: inline-block;
text-align: left;
padding: 45pt 7pt 2pt 7pt;
}
button {
background: #2d2d2d;
border: none;
color: #d5d5d5;
cursor: pointer;
line-height: 23px;
}
button:first-child {
background: #306dbd;
color: white;
cursor: default;
}
button:hover {
background: #306dbd;
color: white;
}