在水平滚动页面上对齐全屏图像div

我想制作一个水平滚动网站,全屏图像div.div将包含文本,这就是我使用背景图像的原因.我找不到办法,把div整齐地放在一起.

我已经尝试了浮动和内联块,但要么它不起作用,要么div没有正确对齐.

我已经制作了一个jsfiddle来显示我的代码.目标是在"B"旁边得到"A ".

这是小提琴链接

Text
Text

谢谢!

更新 - 图像高度必须为100%.网站上将使用两个以上的div,它们的宽度各不相同.这是我试图实现的草图