香港地铁色卡

<div id="container" class="h-row" style="text-align: center;width:600px;margin-bottom: 30px; display: flex;align-items: center;flex-wrap: wrap;"> <span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#b51921">#b51921</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#b2103e">#b2103e</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#c41832">#c41832</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#ef342a">#ef342a</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#a84d18">#a84d18</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f68f26">#f68f26</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#faca07">#faca07</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#07594a">#07594a</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#4ba946">#4ba946</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#5fc0a7">#5fc0a7</span><br> <span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#0376c2">#0376c2</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#c41832">#c41832</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#c41832">#c41832</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#be3223">#be3223</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f45f7c">#f45f7c</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#d16f20">#d16f20</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#ffd00d">#ffd00d</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#076750">#076750</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#7abf45">#7abf45</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#75c7b9">#75c7b9</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#077cb0">#077cb0</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#29409a">#29409a</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#ee1e4f">#ee1e4f</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#d2174a">#d2174a</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f79d8b">#f79d8b</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#ce7020">#ce7020</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#e9a519">#e9a519</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#fddf55">#fddf55</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#076a66">#076a66</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#a7c299">#a7c299</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#098ec4">#098ec4</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#89d2e3">#89d2e3</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#7572a7">#7572a7</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f7b1bf">#f7b1bf</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f67e2a">#f67e2a</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f57125">#f57125</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#fbaf37">#fbaf37</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#fde14e">#fde14e</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#076c53">#076c53</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#b2d68c">#b2d68c</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#8fd1cd">#8fd1cd</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#0798c7">#0798c7</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#9597ca">#9597ca</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#69686d">#69686d</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f47a25">#f47a25</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#fcba5d">#fcba5d</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f8d29d">#f8d29d</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#ffe285">#ffe285</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#077e7a">#077e7a</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#d0e4a9">#d0e4a9</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#81cdc1">#81cdc1</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#b4d6f2">#b4d6f2</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#c077af">#c077af</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#bbbfc2">#bbbfc2</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#fed7a6">#fed7a6</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#fcae62">#fcae62</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#ffe901">#ffe901</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#078e82">#078e82</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#d7df3f">#d7df3f</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#89d3de">#89d3de</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#22b6ed">#22b6ed</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#b295c5">#b295c5</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#c5c4c9">#c5c4c9</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#d1d5d8">#d1d5d8</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f2f1f6">#f2f1f6</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#efe946">#efe946</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#fff455">#fff455</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#ffe901">#ffe901</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#4c7020">#4c7020</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#c4e0e1">#c4e0e1</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#79bce7">#79bce7</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#b7e1fa">#b7e1fa</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#c7a7d2">#c7a7d2</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#e5e4e9">#e5e4e9</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f2f2f6">#f2f2f6</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#1fb27f">#1fb27f</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#b5a87f">#b5a87f</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#07b195">#07b195</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#d7df3f">#d7df3f</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#6dade2">#6dade2</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#4dc7ec">#4dc7ec</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#a8b7d8">#a8b7d8</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#b8a1a9">#b8a1a9</span><span style="margin: 5px;width: 80px;padding: 20px 5px;border-radius: 5px;text-align: center;background-color:#f8c9cb">#f8c9cb</span></div>