Highlighted

Bulleted list with specifications

New Here ,
Dec 11, 2017

Copy link to clipboard

Copied

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.

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>

Views

175

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Bulleted list with specifications

New Here ,
Dec 11, 2017

Copy link to clipboard

Copied

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.

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>

Views

176

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Dec 11, 2017 0
LEGEND ,
Dec 11, 2017

Copy link to clipboard

Copied

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>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 11, 2017 0
New Here ,
Dec 11, 2017

Copy link to clipboard

Copied

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?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 11, 2017 0
osgood_ LATEST
LEGEND ,
Dec 11, 2017

Copy link to clipboard

Copied

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>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 11, 2017 0