Aquí te dejo algo con más estructura:
Código HTML:
<!DOCTYPE html>
<html lang = 'ES'>
<head>
<meta charset = 'UTF-8'/>
<style type = 'text/css' media = 'screen'>
body, html {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
li, p {
font-size: 11px;
}
#section-1 {
width: 50%;
font-size: 0px;
}
#section-1 > div {
width: 50%;
vertical-align: top;
box-sizing: border-box;
display: inline-block;
}
#menu-image {
text-align: right;
}
#section-2 {
width: 50%;
font-size: 0px;
}
#section-2 > div {
width: 50%;
vertical-align: top;
box-sizing: border-box;
display: inline-block;
}
#slogan-image {
text-align: right;
}
</style>
<title>
</title>
</head>
<body>
<div id = 'section-1'>
<div id = 'menu'>
<ul>
<li>
A
</li>
<li>
B
</li>
</ul>
</div>
<div id = 'menu-image'>
<img src = '#'/>
</div>
</div>
<div id = 'section-2'>
<div id = 'slogan'>
<p>
Disfruta con nosotros.
</p>
</div>
<div id = 'slogan-image'>
<img src = '#'/>
</div>
</div>
</body>
</html> Espero te sirva.
Buena suerte.