一、文字定位
1、【position】引用属性来主导文字位置，left、right分别用数字【像素-PX】。
2、在html里需用选择器 class 、id 来引用CSS。
3、可调节left ，right 里数值来进行位置移动。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS文字定位</title>
<style type="text/css">
h1.p{ position:absolute; left:50px; right:80px;}
</style>
</head>
<body>
<h1 class="p">CSS定位</h1>
</body>
</html>
二、图片浮动
1、【float】标签来引导属性进行对目标的实现，
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS图片偏移</title>
<style type="text/css">
img{float:right; padding:4px; margin:4px;}
</style>
</head>
<body>
<p>
<img src="file:///F|/HTML实例/按钮.png">
公益诉讼第一案，即浙江省消保委诉上海铁路局强制实名购买火车票乘客丢失车票必须补票的案件，遗憾因为法院不予受理而哑火到现在，幸而，上海市第一中级人民法院受理了上海消保委状告诉三星、OPPO(欧珀)等手机厂商在比较试验中发现的侵犯消费者知情权选择权案，总算吹响了消保委通过公益诉讼向商家进行消费维权的号
</p>
</body>
</html>
原文：http://www.cnblogs.com/boyblog/p/4617559.html