html - wanted some standard CSS coding -

i new css designing.

i have developed page using html.

i have header including buttons homepage, mydata, help. when click mydata link, 1 submenu come below it. personal data ,official data , employee document.

when click on personal data, on left hand side of page menu come content address, passport details, pan etc.

when click address link display table having address related data in center of page.

here have taken line in between left menu , center table.

i have used 6 div's , 6 different css's doing this.

<div id="fourth_page_left_line"> </div> <div id="fourth_page_left_line1"> </div> <div id="fourth_page_left_line2"> </div> <div id="fourth_page_left_line3"> </div> <div id="fourth_page_left_line4"> </div> <div id="fourth_page_left_line5"> </div> 

css:

#fourth_page_left_line {     left: 190px;     top: 130px;     position: absolute;     font-size: 20px; }  #fourth_page_left_line1 {     left: 190px;     top: 133px;     position: absolute;     font-size: 20px; }  #fourth_page_left_line2 {     left: 190px;     top: 136px;     position: absolute;     font-size: 20px; }  #fourth_page_left_line3 {     left: 190px;     top: 139px;     position: absolute;     font-size: 20px; }  #fourth_page_left_line4 {     left: 190px;     top: 142px;     position: absolute;     font-size: 20px; }  #fourth_page_left_line5 {     left: 190px;     top: 145px;     position: absolute;     font-size: 20px; } 

like same have make line till bottom of page, have take 20 25 div's , again have create css div's.

can tell me how can reduce code, instead of using many div's , css, can use single div , single css produce same output?

css

.mainclass {left:190px; top:130px;position:absolute;font-size:20px;} .mctop1 {top:150px} .mctop2 {top:160px} .mctop3 {top:170px} 

html

<div class="mainclass"></div> <div class="mainclass mctop1"></div> <div class="mainclass mctop2"></div> <div class="mainclass mctop3"></div>