Hi there! I render the org-mode project of my website using HTML export functions.
I created a three-columns layout by using the Bootstrap (http://getbootstrap.com/) and by wrapping the first three columns within a div element of class "row". I do this by prepending and appending some static html via the #+HTML directive, as in: #+HTML: <div class="row"> and #+HTML: </div> Also, I set the HTML_CONTAINER variable to use proper css classes: #+HTML_CONTAINER: div class="col-md-4" Now the problems arise: 1) I have noticed that when closing the headline tag, org will generate a syntactically wrong </div class="col-md-4"> tag. Most browser will ignore such mistakes but it's still annoying. 2) Everything works okay if there are three or less columns. When adding another column, I close the "row" container and open another one, by adding #+HTML: </div> #+HTML: <div class="row"> But this code is rendered within the HTML code of the previous headline. In general, it is not clear "where" a piece of HTML will be rendered. Is there a way to specify that? Is there a way to say, like: "this piece of HTML is not part of the current headline and should be rendered after the last headline has been rendered" ? Thanks in advance, -- Emanuele Santoro