How do I click the title along with the container part?
I have HTML:
<div id="thing">
<div id="contentheader">
<h3>Header</h3>
</div>
<div id="contentcontainer">
<div id="image">
<img alt="balt" src="imagesrc">
</div>
<div id="body">
<p>hegl gegl</p>
</div>
</div>
</div>
I need to press h3 in the "contentheader" next to the image in the "contentcontainer" when the syntax sits next to it. Everything has a variable width while preserving the image.
Perhaps the image will better demonstrate:

As you can see, gray corresponds to “things”, green corresponds to contentcontainer and blue corresponds to “contentheader”.
HTML editing will be a serious problem. I also can do nothing but a fixed-width image. Can this be done only with CSS? (It would be great to be able to do this with floats and stuff, but I don't know if this can be done)
+5
4
, CSS. , , , , , .
javascript, .
// Add the header inside the container div just before the body
containerDiv = document.getElementById('contentcontainer');
headerDiv = document.getElementById('contentheader');
bodyDiv = document.getElementById('body');
containerDiv.insertBefore(headerDiv, bodyDiv);
, , jQuery javascript.
+1