background-color of div does not appear in the image

Question

I have used a p tag inside a div tag:

div{background-color:#3B3B3B;}

p{float:left;}

The background-color of div does not appear in the image:

How to solve this?

#language2{ background-color: #3B3B3B; height: 300px; }

English — thechuong, Dec 17 '16 at 12:58
I can't figure out a problem by just giving me that. I need to see your HTML and CSS styles. Please update your question to include and format your code correctly. — , Dec 17 '16 at 12:58
If you post all of your code into a fiddle, I'll take a look — , Dec 17 '16 at 13:02
This question has nothing to do with the P programming language, please do not use the [tag:p] tag. — JAL, Dec 28 '16 at 14:49

score 0 · Accepted Answer · edited May 23 '17 at 10:30

0

Using float on a child will cause the parent to collapse. There are many alternative solutions, see How do you keep parents of floated elements from collapsing?

edited May 23 '17 at 10:30

Community

answered Dec 17 '16 at 13:00

Hussein Duvigneau

thank youuu, I solved it xD – thechuong Dec 17 '16 at 13:02
[Here's](https://jsfiddle.net/k1qayb3k/) a fiddle of the code as you describe it. The quickest fix you might want to try is move `float left` to the `div {}` selector. – Hussein Duvigneau Dec 17 '16 at 13:04
^^ I moved it and it works – thechuong Dec 17 '16 at 13:07
1

You should be flagging questions as duplicates rather than posting links to other Stack Overflow posts as an answer. – JAL Dec 28 '16 at 14:50

1 Answers1