<!DOCTYPE html> <link rel="stylesheet" href="test-common.css"> <style type="text/css"> @counter-style triangle { system: cyclic; symbols: \2023; suffix: ""; } .triangle { list-style-type: triangle; } .hiragana { list-style-type: hiragana; } .katakana { list-style-type: katakana; } .hiragana-iroha { list-style-type: hiragana-iroha; } .katakana-iroha { list-style-type: katakana-iroha; } </style> <ul class="triangle"><li></ul> <ul class="triangle"><li></ul> <ul class="triangle"><li></ul> <ul class="triangle"><li></ul> <ul class="triangle"><li></ul> <ul class="hiragana"><li></ul> <ul class="katakana"><li></ul> <ul class="hiragana-iroha"><li></ul> <ul class="katakana-iroha"><li></ul> <ul class="hiragana"><li></ul> <ul class="katakana"><li></ul> <ul class="hiragana-iroha"><li></ul> <ul class="katakana-iroha"><li></ul> <ol><li></ol> <ol class="triangle"><li></ol> <ol class="triangle"><li></ol> <ol class="triangle"><li></ol> <ol class="triangle"><li></ol> <ol class="hiragana"><li></ol> <ol class="katakana"><li></ol> <ol class="hiragana-iroha"><li></ol> <ol class="katakana-iroha"><li></ol> <ol class="hiragana"><li></ol> <ol class="katakana"><li></ol> <ol class="hiragana-iroha"><li></ol> <ol class="katakana-iroha"><li></ol> <ul> <li class="triangle"> <li class="triangle"> <li class="triangle"> <li class="triangle"> <li class="hiragana"> <li class="katakana"> <li class="hiragana-iroha"> <li class="katakana-iroha"> </ul>