0 votes
in Education by (1.7m points)
I have the following HTML

<div>

    <img id="image1"

         src="http://valleywag.com/assets/resources/2008/03/BlackGoogleLogo.jpg"

         alt="Why doesn't this float correcly?"

         style="border-width: 0px; float: left;" />

    <div id="divText" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px;"

          class="txt-Normal">

        <div style="background-color: Green; color: White;">

            <p>

                <strong><span style="font-size: xx-large;">This is going to be big title</span></strong>

            </p>

            <ul>

                <li>

                    <span style="font-size: small;">Foo</span>

                </li>

                <li>

                    <span style="font-size: small;">Bar</span>

                </li>

                <li>

                    <span style="font-size: small;">FooBar</span>

                </li>

                <li>

                    <span style="font-size: small;">BarFoo</span>

                </li>

            </ul>

        </div>

    </div>

</div>

The text does not float around the image. It does not matter whether the browser IE or Firefox.

How can I fix this to float around the image?

JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

1 Answer

0 votes
by (1.7m points)
If you're talking about the bullets overlapping the image, you can either increase the margin-right on the image, or change your lists to have list-style-position: inside.
...