We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

Simple HMTL Question

allanau20
allanau20 asked
on
Medium Priority
231 Views
Last Modified: 2012-05-11
Have this html code:

    <div>
        <p>
            Line 1
        </p>
        <p>
            Line 2:</p>
        <ul>
            <li>Point 1</li>
            <li>Point 2</li>
            <li>Point 3</li>
        </ul>
    </div>

that renders to this:

Line 1

Line 2:

    * Point 1 - blah
    * Point 2 - blah
    * Point 3 - blah, blah,blah, blah,blah, .............
........blah,blah


What I want it to render to is this:

Line 1

Line 2:

    * Point 1 (bold)
 (indent) blah
    * Point 2 (bold)
 (indent) blah
    * Point 3
 (indent) blah, blah, blah,blah, blah,blah, .............
........blah,blah

any idea? Thx!
Comment
Watch Question

CERTIFIED EXPERT
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview
Michel PlungjanIT Expert
CERTIFIED EXPERT
Top Expert 2009
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview
Paul JacksonSoftware Engineer
CERTIFIED EXPERT
Top Expert 2011

Commented:
<div>
        <p>
            Line 1
        </p>
        <p>
            Line 2:</p>
        <ul>
            <li><b>Point 1</b>
                <ul>
                    <li style="list-style-type:none;">blah</li>
                </ul>
            </li>
            <li><b>Point 2</b>
                <ul>
                    <li style="list-style-type:none;">blah</li>
                </ul>
            </li>
            <li><b>Point 3</b>
                <ul>
                    <li style="list-style-type:none;">blah</li>
                </ul>
            </li>
        </ul>
    </div>

Open in new window

Author

Commented:
sorry mplungjan; that didn't come out right.
In the spirit of this site the points shall we given to pratima_mcs.

Really appreciate both of you for helping!

Author

Commented:
thanks jacko72; just missed you by a second...
Michel PlungjanIT Expert
CERTIFIED EXPERT
Top Expert 2009

Commented:
Here is mine with bullets - AND it is valid HTML - which the accepted answer is NOT
<style type="text/css">
dt { font-weight:bold; display: list-item; }
div { padding:10px}
</style>
<div>
  <p>Line 1:</p> 
  <p>Line 2:</p>
  <dl>
    <dt>point 1</dt>
    <dd>blah</dd>

    <dt>point 2:</dt>
    <dd>Blah</dd>

    <dt>point 3:</dt>
    <dd>blah, blah, blah,blah, blah,blah, .............
........blah,blah</dd>
  </dl>
</div>

Open in new window

Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.