Where is the error in the HTML code, CSS?

Question

css

Hi all. I study HTML, CSS and along the way I make a brief reference-summary for myself, gradually applying the acquired knowledge. When opening the index.html file in the browser, all blocks are located correctly, and the "List of definitions" block (line 192, id="definition-list") is pressed even more to the right of the others. Why? Rechecked styles, tags. Why did this happen, tell me. I will also be glad to hear comments, criticism on the rest of the code. sandbox

Answer 1

because width: auto stands

Answer 2

reason:
1. there is not enough content in the block
2. the block has width: auto and float: right
as a result, it not only presses to the right, but also decreases in size
solution:
- remove float: right
Thanks Gortyser Gortyser and Nikita Nikita .

Answer 3

Make for one block:
float:left;
width: 70%
And for the second:
float: right;
width: 30%