Ajax Loader
×
HTML
<div class="b-divider b-outline">
1
<div class="b-divider b-outline">
2
  <div class="b-divider__side"><img src="http://81.img.avito.st/images/sim/160684381.jpg" /></div>
3
  <div class="b-divider__side_rt"><img src="http://81.img.avito.st/images/sim/160684381.jpg" /></div>
4
  <div class="b-divider__base">This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. This is my Monitor. Yeah, really. This is it. </div>
5
</div>
 
CSS
.b-divider__side { /* - По умолчанию распологается слева */
1
.b-divider__side { /* - По умолчанию распологается слева */
2
    float: left;
3
}
4
 
5
.b-divider__side_rt {float:right;}  /* - Модификатор, с ним элемент будет отображается справа */
6
 
7
.b-divider__base {
8
    overflow:hidden; /* - Чтобы float не пересекался с блоком */
9
    display: block; /* - Если вдруг b-divider__base окажется строковым элементом */
10
}
11
 
12
.b-divider__side,
13
.b-divider__base {
14
    word-wrap: break-word; /* - Перенос слишком длинных слов, рекомендую прописывать к каждому блоку. */
15
}
16
 
17
/*Clearfix*/
18
.b-divider:before, .b-divider:after {
19
    content: "\0020";
20
    display: block;
21
    height: 0;
22
    visibility: hidden;
23
}
24
.b-divider:after {clear: both;}      /*Очищаем float*/
25
 
26
 
27
/*IE6*/
28
 
29
* html .b-divider__side {margin: 0 -3px 0 0;}
30
* html .b-divider__side_rt {margin: 0 0 0 -3px;}
31
* html .b-divider__base {zoom:1;}
32
 
33
 
34
.b-half {
35
  width: 50%;
36
}
37
 
38
* html .b-half {
39
  width: 49.9%;
40
}
 

Untitled

CSSDeck G+