3 выравнивание списка на веб-странице

Question

У меня такой сценарий. Мне нужно показать 3 окна списка на веб-странице ASP.NET. В поле «Список» A будут указаны все параметры загрузки страницы и поля списка B, C будет пустым.

Я хочу выровнять все три таких, чтобы я мог выбирать элементы из А в В и А в С. Таким образом, А будет отображаться как больший список с В, а С - как меньшие прямоугольники справа, так что В и C вертикально выровнены. Конечно, у B и C будет свой набор «Добавить», «Добавить все», «Удалить», «Удалить все».

--------------   -------------- 
|   |   |   | 
| ListBox A | > >> << < | ListBox B | 
|   |   |   | 
|   |   -------------- 
|   |   -------------- 
|   | > >> << < | List Box C | 
|   |   |   | 
--------------   -------------- 

Укажите, пожалуйста, соответствующие примеры стиля css.

cheers

Answer 1

подходит ли вам этот проект?

<div style="border: solid 1px red; width: 650px;"> 
    <div style="border: solid 1px blue; float: left; height:400px; width: 200px;"> 
     ListBox A</div> 
    <div style="border: solid 1px blue; float: left; height:400px; width: 200px"> 
     <div style="padding-top:40%; vertical-align:middle; width: 200px;"> 
     &nbsp;&nbsp;&nbsp;&nbsp;&lt;&nbsp;&nbsp;&nbsp;&nbsp;&lt;&lt;&nbsp;&nbsp;&nbsp;&nbsp; 
     &nbsp;&nbsp;&nbsp;&nbsp;&gt;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp; 
     </div> 
     <div style="padding-top:90%; width: 200px;"> 
     &nbsp;&nbsp;&nbsp;&nbsp;&lt;&nbsp;&nbsp;&nbsp;&nbsp;&lt;&lt;&nbsp;&nbsp;&nbsp;&nbsp; 
     &nbsp;&nbsp;&nbsp;&nbsp;&gt;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp; 
     </div> 
    </div> 
    <div style="border: solid 1px blue; float: left; height:400px; width: 200px;"> 
     <div style="border: solid 1px black; height:200px; width: 200px"> 
     ListBox B 
     </div> 
     <div style="border: solid 1px black; height:200px; width: 200px"> 
     ListBox C 
     </div> 
    </div> 
    <div style="clear: left;">&nbsp; 
    </div> 
</div>