<rect id="tut" x="0.5" y="0.5" width="24" height="24" rx="8" />
<rect id="tam" x="6.5" y="6.5" width="12" height="12" rx="0.5" />#tut {
stroke: red;
stroke-width: 4;
width: 24;
height: 24;
}
#tam {
stroke: #0cc;
stroke-width: 2;
width: 12;
height: 12;
}&-item {
flex-direction: column;
border: 1px solid gray;
box-sizing: border-box;
padding: 10px;
margin: -.5px; /* каждый margin будет съедать по пол-пикселя у соседнего блока */
}width: 96%; /* ширина .slider = 100% минус отступ слева умноженный на 2 */
margin-left: 2%; /* отступ слева = 100% минус ширина .slider и место справа */body {width: 100%;}, то ширина макета адаптируется под окно браузера. body {width: 80vw;}body {width: 120%;} или body {width: 120vw;} соответственно.
body {
min-height: 100vh;
margin: 0;
padding: 0;
overflow: hidden; /* прокрутка убрана */
font-family: Lora, serif;
font-size: calc(14px + .3vw);
}body {
min-height: 100vh;
margin: 0;
padding: 0;
overflow: scroll; /* прокрутка вставлена */
font-family: Lora, serif;
font-size: calc(14px + .3vw);
}<img src="/images/image.jpg" /> выполнится правильно. Всё, что выше корневой директории предполагаемого сайта - это уже http:// и нужно будет писать что-то наподобие localhost://127.0.0.1
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="699px">
<pattern id="pattern"
width="100%" height="100%">
<image xlink:href="http://wallpapers-image.ru/1280x720/flowers/wallpapers-1280x720/zastavki-khrizantema-cvety-1280x720.jpg" width="100%" />
</pattern>
<path fill-rule="evenodd" fill="url(#pattern)"
d="M 0 200
Q 300 50 600 200
Q 900 350 1200 200
L 1200 50 L 0 50 Z"/>
</svg>.rd-n-left:hover {z-index: 10;}
.rd-n-right:hover {z-index: 10;}Ещё там, внизу, один лишний </div>
border-image:<div class="boxic"><b>- Тыц -</b></div> почти готов. .boxic:hover{}, .boxic:active{} и cursor: pointer;
.col-xs-6:hover {background: rgba(0,0,0,.2);}