Errr its a little hard to tell what exactly your code is trying to do.. but it sounds like this would be (mostly) a solution for you.
<html>
<head>
<style>
.center {
text-align: center;
}
.boxes {
display: flex;
}
.boxes div {
width: 100px;
height: 100px;
background-color: red;
margin: 10px;
}
</style>
</head>
<body>
<div class="container">
<p class="center">top bar</p>
<div class="boxes">
<div>Box A</div>
<div>Box B</div>
</div>
<img src="rammy1.jpeg"><img src="spin.gif">
</div>
</body>
</html>
So here I have created 2 boxes that are side by side and are totally equal - you have your centred text above them, and your two images below them.
I converted your <center> tags into CSS becouse thats just a good idea! BUT the important thing you need to look at is the
display: flex; thats the thing making your box goes next to each other - then the
.boxes div is styling the boxes and giving them a set size!
Not sure if thats exactly what your asking for - but its gotta be a good start
Posts: 52/1k.beats 
~~~~~~~~~~~ 
Author
