simple CSS question

Question

In the index file I have this :

<div id="head">
<h1>bla bla bla bla bla bla</h1>
</div>

And I style it like this:

#head{
  height : 100px;
  width : 100%;
  overflow:hidden;
  background-color: #FFCC99;
}


#head h1 {
  margin-left : 20px;
  font-family : Georgia;
  font-size : 40px;
}

The problem is that when the screen is too small the end of the text goes under like this:

bla bla bla bl
a bla bla

and what I want to happen is just to fade awaya like :

bla bla bl

and the rest of the text just not to be shown untill the screen is resized again.

DA. · Accepted Answer · 2011-09-01 21:25:19Z

3

You need to add this to your h1 css:

white-space: nowrap;

answered Sep 1, 2011 at 21:25

DA.

40.8k51 gold badges162 silver badges219 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Leron Over a year ago

Thanks I tried this beacuse it looks simplier and now it's just as I wanted it.

Michael · Accepted Answer · 2011-09-01 21:21:33Z

3

add

overflow: hidden;
width: 100px; /*or whatever width you want*/

to your <h1>css statement.

It will not hide anything as you haven't told it what size width you want to hide from? Setting the width will allow you to accomplish this.

answered Sep 1, 2011 at 21:21

Michael

4,42011 gold badges57 silver badges92 bronze badges

Comments

score 0 · Accepted Answer · 2019-09-11 06:08:55Z

0

#head{
            height : 100px;
            width : 100%;
            overflow:hidden;
            background-color: #FFCC99;
        }
        #head h1 {
            margin-left : 20px;
            font-family : Georgia;
            font-size : 40px;
            white-space: nowrap;
        }

<div id="head">
<h1>bla bla bla bla bla bla</h1>
</div>

edited Sep 11, 2019 at 6:08

answered Sep 6, 2019 at 11:50

user11978918

Collectives™ on Stack Overflow

simple CSS question

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related