https://unageanu.hatenablog.com/entry/20081222/1229932309

Topic Path(パンくずリスト)のサンプルです。最近はul,liを使うのが流行りみたいですよ。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="ja" lang="ja">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style>
      body {
        color: #333333;
        background-color: #E2E2E2;
      }
      ul.topic_path li {
        display : inline;
        padding: 0px 10px 0px 15px;
        list-style: none;
        background-image: url("./delta.gif");
        background-repeat: no-repeat;
        background-position: 0px 3px;
      }
    </style>
  </head>
  <body>
    <!-- パンくずリスト -->
    <ul class="topic_path">
      <li>aaa</li>
      <li>bbb</li>
      <li>ccc</li>
    </ul>
  </body>
</html>

表示の確認はこちら