CLASS属性用于指定元素属于何种样式的类。例如，样式表可以加入punk和warning类:
.punk { color: limebackground: #ff80c0 }
P.warning { font-weight: boldercolor: redbackground: white }
这些类可以使用CLASS属性在HTML中引用:
<H1 CLASS=punk>属性扩展</H1>
<P CLASS=warning>一些属性扩展会有负值的边效果，产生于支持和不支持的浏览器上...
在这个例子中，punk类可以用于任何BODY元素因为它在样式表中没有HTML元素关联。而在这个例子的样式表，warning类只能用于P元素。
一个良好的习惯是在命名类的时候，根据它们的功能而不是根据它们的外观。上述例子中的warning类也可以命名为red，但如果网页制作者决定改变这个类的样式为别的颜色，或希望为那些使用PC喇叭的人定义为aural(听觉)样式的话，那么这个名字就变得毫无意义了。
类会是应用样式到HTML文档中在结构上一样的部分的有效的办法。例如，本页使用类给CSS源代码和HTML源代码使用不同的样式。
我不太理解你要实现的功能，提几个建议，希望可以帮到你。如果直接左右或者局中的话，直接在 .css 里定义就行了。
如果想具体到像素的话，有这三种比较稳妥的解决方法。
1.两个层，一个大层，加一个小层，小层放文字
方法一，定义大层的padding,达到控制小层的目的。
方法二，定义小层的margin，达到控制小层相对于大层的位置。
2.只要一个大层的话，你就定义这个层的padding,然后就达到控制文字位置的目的了，跟1里面的方法一差不多。
如果不明白可以加我百度hi。
