I have successfully arranged my two sections to display side by side in my div container. The left portion, which contains a slideshow, looks exactly the way I want it to, but the right portion is not aligning correctly at the top.
I attempted to add extra text in hopes that it would "push" everything to the top, but instead, it ended up moving even further down. I've experimented with adding vertical-align: top to the .alignright class, as well as trying other alignment solutions from various sources, but nothing seems to work.
The .alignright class needs to remain floated to the right, otherwise, all the text will shift to the left, right up against the slideshow, which does not look good. I have included a snapshot of the current layout. In the past, I would use valign=top but this does not seem to have any effect.
<div class = "text">
<p class ="alignright">
Save a Life
<br>
images go here
<br>
Donate Now
<br>
TEXT
</p>
</div>
.alignright {
float: right;
.text {
color: #0000A0;
font-family: Georgia,Times,Times New Roman,serif;
font-size: 80px;
font-weight: bold;
}