<div>
You have 5px of padding so it sticks out 10px. Try <b>padding:5px 0</b>.
</div>


You have 5px of padding so it sticks out 10px. Try padding:5px 0.

<div>
There also appears to be something funky with your jQuery. When you click on a title that is already selected, the .divBody for the title collapses and then expands again. I'm not sure if this is the desired effect, but it just behaves different than I was expecting.
</div>


There also appears to be something funky with your jQuery. When you click on a title that is already selected, the .divBody for the title collapses and then expands again. I'm not sure if this is the desired effect, but it just behaves different than I was expecting.

<div>
<div class="content wysiwyg-content">
Quite a silly question, but I'm trying to fit a div element into the parent by setting width:100%; however its overflowing the parent, see my example in <a href="http://jsfiddle.net/dL624hxk/" rel="ugc">jsfiddle</a><br />
<br />
As you can (hopefully) see:-<br />
<a href="https://filedb.experts-exchange.com/incoming/2015/01_w03/892338/overflow.png" target="_blank" title="overflow (2 KB)"><img alt="overflow" class="file-block lazyload" style="max-width: 372px;" data-src="https://filedb.experts-exchange.com/incoming/2015/01_w03/892338/overflow.png" /></a><br />
Any ideas whats going wrong? Setting the width 100%
</div>
</div>


overflow.png

Quite a silly question, but I'm trying to fit a div element into the parent by setting width:100%; however its overflowing the parent, see my example in jsfiddle (http://jsfiddle.net/dL624hxk/)

As you can (hopefully) see:-


Any ideas whats going wrong? Setting the width 100%

100% width of parent

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.