Chciałbym aby obramowanie czerwone po lewej stronie dotknęło się niebieskiego outside przy lewej stronie... Czy jest to możliwe w jakiś normalny łatwy sposób?
HTML:
<div>
<ul>
<li><a href="#">ODSYŁACZ</a></li>
<li><a href="#">ODSYŁACZ</a></li>
<li><a href="#">ODSYŁACZ</a></li>
<li><a href="#">ODSYŁACZ</a></li>
</ul>
</div>
CSS:
div {
outline: 2px solid blue;
width: 200px;
margin: auto;
}
ul {
list-style: none outside none;
}
li {
border-left: 2px solid red;
}