I have a simple webpage where I take notes on various things. I have a few "folders" (topics) and several "files" (articles) under them. My current homepage is like this:

enter image description here

For example java has class-design and collections and collectors and so on. I tried to separate the files with a dot between them but I think it is still needs quite an effort to distinguish single pages.

How can I make it more cleaner so that it is easier on the eyes to realise individual files under a topic?

  • The answers are opinion based. There is no right and no wrong answer to this question. Formatting and layout can help as long as you have small number of categories / headlines. If you have more, consider providing search function across all your articles. – mentallurg Jul 14 '19 at 12:31

I would add a border on each items:

border on each items

fiddle here:


  • More details would be helpful: Is it your personal opinion? Is it result of some user study? – mentallurg Jul 14 '19 at 13:23
  • My personal opinion. – Swisstone Jul 14 '19 at 14:08









  • Tree structure is also helpful – pmverma Jun 25 '19 at 4:51
  • Am I the only person who really prefers to frame the titel with the content? – paul23 Jul 14 '19 at 19:05

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.