Bulleted list with specifications

[richardf274461]

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.

[osgood_ · Accepted solution]

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>

[richardf274461]

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?

[osgood_]

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>