ну хотел чтоб получилось 2 div друг под другом, при этом верхний div 80%(от <div id='test'>) и текст выравнивался в нём по верху, а нижний div занимал остальные 20% (от <div id='test'>) и текст выравнивался по низу. когда эксперементировал вроде получилось сделать всё кроме выравнивания в нижнем div (по низу) <html> <head> <style> html,body { width:100%; height:100%; } #test { width:30%; height:250px; border:1px solid black; } #dv1 { border:1px solid black; height:80%; } #dv2 { border:1px solid black; height:20%; vertical-align:bottom; } </style> </head> <body> <div id='test'> <div id='dv1'> sss </div> <div id='dv2'> sss1 </div> </div> </body> </html> не пойму почему vertical-align:bottom; в #dv2 не работает