ul.todo li .buttons { width: 100px; height: 50px; position: absolute; top: 0; right: 0; } ul.todo li .buttons button { width: 50px; height: 50px; float: left; background: none; border: 0; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } <ul class="todo"> <li>This is an item!</li> <div class="buttons"> <button></button> <button></button> </div> </ul> <ul class="todo"> <li>This is an item!</li> </ul> <ul class="todo"> <li>This is an item!</li> </ul>

Do not want to work the first two rules.

Closed due to the fact that off-topic participants Denis Bubnov , user194374, ermak0ff , aleksandr barakin , Naumov 5 Feb '17 at 16:52 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - Denis Bubnov, Community Spirit, ermak0ff, aleksandr barakin, Naumov
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • What exactly is not working for you? You have an incomplete css code and some piece of html code. What do you expect to see? And no css rules. - DimenSi

1 answer 1

You have ul.todo li .buttons incorrect, LI does not have a class .button , this DIV comes after LI and is not in it. Insert the DIV with the class .buttons into LI .

 <ul class="todo"> <li>This is an item! <div class="buttons"> <button></button> <button></button> </div> </li> </ul>
  • Thank you very much! What a stupid mistake! - Sergey Danko
  • Always please, it happens) - Arsen