using css to duplicate html elements

Question

I\'ve been handing a design for a webpage which I\'m trying to implement correctly. This design contains navigation elements which are partially or entirely duplicated all

Answer 1

You could duplicate it by projecting content from an attribute as pseudo elements:

.duplicate::before {
    content:attr(title);
    display:block;
}
.duplicate::after {
    content:attr(title);
    display:block;
}