How to enable a double dashed border?

css, html

Solution

You can simply fix this with one `div`, you can use outline and border, then use `outline-offset` property

.test {
  background:white;
  padding:15px;
  border:1px dashed #000;
  outline:1px dashed #000;
  outline-offset:-5px;
}

<div class="test">see this</div>

Problem

When I type this: ``` <style> .tavit{ width:400px; height:300px; background-color:yellow; border:dashed; /*First I applied - border:dashed double (In order to get a double dashed border - but it didn't work for some reason*/ border-style:double; margin:auto; font-size:medium; text-align:right; } .adom { color: red; font-size: xx-large; text-align: center; } </style> ``` nothing works. Like it's even one or the other. What am I missing? Thanks

Original source