37 lines
No EOL
954 B
Markdown
37 lines
No EOL
954 B
Markdown
# Добавить рамку, сохранив ширину
|
||
|
||
[importance 4]
|
||
|
||
Есть две колонки `30%/70%`:
|
||
|
||
```html
|
||
<!--+ autorun run play -->
|
||
<style>
|
||
.left {
|
||
float:left;
|
||
width:30%;
|
||
background: #aef;
|
||
}
|
||
|
||
.right {
|
||
float:right;
|
||
width:70%;
|
||
background: tan;
|
||
}
|
||
</style>
|
||
|
||
<div class="left">
|
||
Левая<br>Колонка
|
||
</div>
|
||
<div class="right">
|
||
Правая<br>Колонка<br>...
|
||
</div>
|
||
```
|
||
|
||
**Добавьте к правой колонке рамку `border-left` и отступ `padding-left`.**
|
||
|
||
Двухколоночная вёрстка при этом не должна сломаться!
|
||
|
||
Желательно не трогать свойство `width` ни слева ни справа и не создавать дополнительных элементов.
|
||
|
||
Требуется поддержка всех современных браузеров, IE начиная с версии 8. |