margin:0
padding:0}
先加上这句话，清除浏览器自带的样式造成的冲突，然后就是布局了 ，上面的布局肯定是左右结构，然后右边再分成上下结构：
<div class='wrap'>
<div class='left'></div>
<div class='right'>
<div class='right-top'></div>
<div class='right-bottom'></div>
</div>
</div>
分别插入各个元素（你的图片和字体），关于宽度、高度和浮动样式就自己调咯，不懂在为我就是
如果是图片对齐的问题的话，方法应该很多的样子，但是哈，你好像没把问题说清楚。哪个图片对齐？怎么算是对齐，和谁对齐呀之类的，都没说清楚。
这样，你再把问题细说下，我想，这个问题我应该是能帮上什么忙的。
或者你HI我或Q我（Q号的话，我的资料里有写），把文件发我，我看下，应该解决问题会快点的。
div+css左对齐分两种情况一种是：文字左对齐；另一种是区域块儿设置浮动，让他们往左浮动，而实现出来的效果即是左对齐；如下演示：
1、文字实现居左对齐
网页中实现效果：如下图
详解：主要属性：text-align:left使文字实现居左对齐
扩展：text-align:right使文字靠右对齐，center文字居中；
2、区域块儿设置浮动实现居左对齐；div+css如下
网页中效果图：如下
详解：设置一个大的区域nav，里面包含两个部分区域块，nav1与nav2，使他们在nav中靠左浮动；主要标签：float:left靠左浮动；
扩展：float:right靠右浮动；而与之相关标签： clear:both则是去除左右浮动； clear:left去除左浮动 clear:right清除右浮动
