html - how to give css for following data -
how give css getting page follows in same div. having data in following way more sub parts in second phase.
abcde production productions limited total jackson b productions productions limited
the code using follwos.
css
.label_left21 { width: 20%; float: left; text-align:center; line-height: 30px; margin:0 10px 0 0; word-wrap:break-word; } .text_right22 { width: 20%; float:left; text-align:center; } .text_right23 { width: 55%; float:left; }
html as
<div class="label_left21"><br><br><br><label>budget</label></div> <div class="text_right22"><br><br><br><label>public</label></div> <div class="text_right23"><label>state</label></div> <div class="text_right22"><br><br><br><label>private</label></div> <div class="text_right23"><br><label>publication</label></div>
but not working data clashing if there more sub parts
it easier if use tables rowspan ..and css can used adjust width , margins of cells here code
<!doctype html> <html> <body> <table > <tr> <td rowspan="9">total</td> </tr> <tr> <td rowspan="4">a production</td> </tr> <tr> <td>abcde</td> </tr> <tr> <td>productions</td> </tr> <tr> <td>limited</td> </tr> <tr> <td rowspan="4">a production</td> </tr> <tr> <td>jackson</td> </tr> <tr> <td>productions</td> </tr> <tr> <td>limited</td> </tr> </table> </body> </html>
Comments
Post a Comment