I'm invested in this question as I put some effort into an answer only to discover, upon posting, that the question had been closed.
Requirements to rectify the question are listed as:
- including desired behaviour
- and a specific problem/error
- and the shortest code to reproduce the problem
I personally find the first two requirements are fulfilled:
- The asker did a fine job of describing what they want
- The problem is specific: use HTML + CSS to achieve the desired, well-defined result
The last requirement is not directly met as there is no code included. (It's worthwhile noting the question's image "reproduces" the problem very well without any need for code.)
I find it likely that the closers made their decision based on the simple absence of code. (Although they may have had other good reasons I haven't thought of, in which case my question here is less relevant!)
Could this question have avoided closure if it included an arbitrary amount of code? Imagine this snippet appeared in the question:
.snake-box {
position: relative;
border: 1px solid cyan;
/* TODO: Spinning snake-like border */
}
This extremely simple code "reproduces" the problem - there is the container, but it's lacking the spinning snake-like border! This code, however, is so trivial that it is essentially noise, almost deserving to be edited out.
More generally, is holding the requirement that some code must be present still applicable when dealing with HTML + CSS (and other UI) questions? Are we certain that images and explanatory text can never fill this same role?