Как получить маркеры для отображения на вкладках HTML

Question

очень новичок в веб-дизайне, и я пытаюсь пошутить и создать небольшой сайт о себе. Мне удалось создать вкладки для разных тем, но когда я пытаюсь создать неупорядоченный список на вкладке, я вижу только текст, отображаемый рядом, а не маркеры.

Код HTML для Пример вкладки выглядит следующим образом:

<div id = "About Me" class = "tabcontent">
            <h3>About Me</h3>
            <p>This section of my website will talk about me. Things to talk about:</p>
                <ul class="a">
                    <l>My upbringing</l>
                    <l>The places I've lived</l>
                    <l>My interests and hobbies</l>
                </ul>
        </div>

Стиль для ul класса a выглядит следующим образом:

ul.a
{
    list-style-type: square;
}

Результат, который я получаю для этого, следующий:

Обо мне

Этот раздел моего сайта расскажет обо мне. О чем стоит поговорить: Мое воспитание. Места, в которых я жил. Мои интересы и хобби.

Любая помощь приветствуется. Спасибо!

Answer 1

В элементах вашего списка просто используется тег элемента с ошибкой.

Используйте <li> вместо <l>

Answer 2

тег для элементов списка упорядоченных и неупорядоченных списков написан с ошибкой:

<div id = "About Me" class = "tabcontent">
        <h3>About Me</h3>
        <p>This section of my website will talk about me. Things to talk about:</p>
            <ul class="a">
                <li>My upbringing</li>
                <li>The places I've lived</li>
                <li>My interests and hobbies</li>
            </ul>
    </div>

Должен помочь: -)