CODEWITHSUNDEEP
cssword-wrap
abtecas
abtecas

Reputation: 269

How To Make a DIV stop wrapping

How to make a div stop wrapping?

Upvotes: 1

Views: 115

Answers (3)

Rob White
Rob White

Reputation: 1002

Set this style on your div. It works in Chrome and IE. I haven't tested other browsers.

overflow: auto;

Upvotes: 2

onlyCoding
onlyCoding

Reputation: 11

This works just edit the code and replace it with the code below

  
<div class="icon"><img align="left" alt="" src="/resource/uploads_scope/issues/090113/090113_pairedText_featuredSkills.png"></div>
<div style="overflow: auto;">
    <h5>Featured Skills:</h5>
        <p>Compare and contrast; vocabulary; shades of meaning.<br>
        <strong>Other Key Skills: forming and supporting a claim, inference, author’s craft, key ideas.</strong></p>
            </div>
            <div style="clear:both;">
                &nbsp;</div>
        </div>

Upvotes: 1

Olly Hodgson
Olly Hodgson

Reputation: 15775

Do you mean you want <div class="objectives"> to appear below <div class="icon">? If so, div.objectives { clear: left; } should do the trick.

Or do you want the entirety of <div class="objectives"> to appear alongside <div class="icon">? If so, div.objectives { float:left; } should make it happen. You may also need to specify a width on div.objectives. Alternatively, remove the float code and set both div.objectives and div.icon to { display: inline-block; vertical-align: top; }.

Upvotes: 1

Related Questions