Having some trouble aligning this content. I've been experimenting with the code, but nothing seems to work
.image{
float: left;
padding-left: 25%;
padding-top: 20px;
}
.side-menu{
float: right;
}
div style="display: inline-block;">
<div class="image">
<img src="egg.jpg" width="400" height="400">
</div>
<div class="side-menu">
<h1>Ingredients</h1>
<p>
2 eggs<br>
2 tbsp (30 mL) milk (1%)<br>
Pinch salt<br>
Pinch pepper</p>
</div>
</div>