Skip to main content
R
richardf274461
Participant
December 11, 2017
Answered

Bulleted list with specifications

  • December 11, 2017
  • 1 reply
  • 494 views

I am working on a webpage that has to have a non-hanging indented, bulleted list that needs to be set as justified.  The second lines would need to be lined up with the first word in the sentence.

This is what I am shooting for:

·    Identify the purpose of strategy in the strategic hierarchy

·    What it is and why we need to know how to incorporate Strategic Thinking
into our work

·    Learn how to ask Key Performance Questions (open-ended) that directly
relate to business strategy

·    Setting a strategy and objectives in line with organizational vision and
mission

·    Practice Strategic Thinking tools that are usable in the workplace

·    Explore what holds people back from Strategic Thinking

·    Manage the Strategic Change process

·    Create individual and team agreements that utilize Strategic Thinking tools
and how to practice accountability for incremental implementation.

I have been playing around with coding, but cannot seem to get the coding correct to end with the above result.  I either get a larger space between the separate bullets or bullets text that is not justified.

Here is what i have as an example of the coding:

<li><strong align="justify">Identify the purpose of strategy in  the strategic hierarchy</strong></li>

<li><strong align="justify">What it is and why we need to know  how to incorporate Strategic Thinking into our work</strong></li>

<li><strong align="justify">Learn how to ask Key Performance  Questions (open-ended) that directly relate to business strategy</strong></li>

<li><strong align="justify">Setting a strategy and objectives in  line with organizational vision and mission</strong></li>

<li><strong align="justify">Practice Strategic Thinking tools  that are usable in the workplace</strong></li>

<li><strong align="justify">Explore what holds people back from  Strategic Thinking</strong></li>

<li><strong align="justify">Manage the Strategic Change process</strong></li>

<li><strong align="justify">Create individual and team  agreements that utilize Strategic Thinking tools and how to practice accountability for incremental  implementation.</strong>          </li>

Can anyone with a bit more knowledge shed some light on how to get this done?  Appreciate any help that can be given.

    This topic has been closed for replies.
    Correct answer osgood_

    Whats wrong with the below?

    .my_list {

    margin: 0;

    width: 25%;

    }

    .my_list li {

    margin: 0;

    padding: 0 0 15px 0;

    text-align: justify;

    }

    <ul class="my_list">

    <li>Identify the purpose of strategy in  the strategic hierarchy</li>

    <li>What it is and why we need to know  how to incorporate Strategic Thinking into our work</li>

    <li>Learn how to ask Key Performance  Questions (open-ended) that directly relate to business strategy</li>

    <li>Setting a strategy and objectives in  line with organizational vision and mission</li>

    <li>Practice Strategic Thinking tools  that are usable in the workplace</li>

    <li>Explore what holds people back from  Strategic Thinking</li>

    <li>Manage the Strategic Change process</li>

    <li>Create individual and team  agreements that utilize Strategic Thinking tools and how to practice accountability for incremental  implementation.</li>

    </ul>

    1 reply

    O
    osgood_Correct answer
    Legend
    December 11, 2017

    Whats wrong with the below?

    .my_list {

    margin: 0;

    width: 25%;

    }

    .my_list li {

    margin: 0;

    padding: 0 0 15px 0;

    text-align: justify;

    }

    <ul class="my_list">

    <li>Identify the purpose of strategy in  the strategic hierarchy</li>

    <li>What it is and why we need to know  how to incorporate Strategic Thinking into our work</li>

    <li>Learn how to ask Key Performance  Questions (open-ended) that directly relate to business strategy</li>

    <li>Setting a strategy and objectives in  line with organizational vision and mission</li>

    <li>Practice Strategic Thinking tools  that are usable in the workplace</li>

    <li>Explore what holds people back from  Strategic Thinking</li>

    <li>Manage the Strategic Change process</li>

    <li>Create individual and team  agreements that utilize Strategic Thinking tools and how to practice accountability for incremental  implementation.</li>

    </ul>

    R
    richardf274461Author
    Participant
    December 11, 2017

    Where is this placed within the coding?

    .my_list {

    margin: 0;

    width: 25%;

    }

    .my_list li {

    margin: 0;

    padding: 0 0 15px 0;

    text-align: justify;

    }

    Do i create a new css code so that it can be "attached" to the list?

    O
    osgood_
    Legend
    December 11, 2017

    richardf274461  wrote

    Where is this placed within the coding?

    .my_list {

    margin: 0;

    width: 25%;

    }

    .my_list li {

    margin: 0;

    padding: 0 0 15px 0;

    text-align: justify;

    }

    Do i create a new css code so that it can be "attached" to the list?

    Make sure yo add a class to the <ul> tag:

    <ul class="my_list">

    Then you can add the below to your linked stylesheet, if you have one?

    .my_list {

    margin: 0;

    width: 25%;

    }

    .my_list li {

    margin: 0;

    padding: 0 0 15px 0;

    text-align: justify;

    }

    Failing that insert the code surrounded by <style> </style> tags directly before the closing </head> tag in your page.

    <style>

    .my_list {

    margin: 0;

    width: 25%;

    }

    .my_list li {

    margin: 0;

    padding: 0 0 15px 0;

    text-align: justify;

    }

    </style>

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices