<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head><body dir="auto"><div>Including css with %html follow normal css rules. Last in the dom take precedence (assuming same target specificity) what you see is not astonishing, and is one of the reason style should not be applied by displaying things in cells.</div><div>-- </div><div>M<br><br>Envoyé de mon iPhone</div><div><br>Le 4 juil. 2014 à 14:32, Doug Blank <<a href="mailto:doug.blank@gmail.com">doug.blank@gmail.com</a>> a écrit :<br><br></div><blockquote type="cite"><div><div dir="ltr"><div class="gmail_extra"><div class="gmail_quote">On Thu, Jul 3, 2014 at 2:50 AM, Matthias Bussonnier <span dir="ltr"><<a href="mailto:bussonniermatthias@gmail.com" target="_blank">bussonniermatthias@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div style="word-wrap:break-word"><br><div><div>Le 3 juil. 2014 à 04:52, Fernando Perez a écrit :</div>
<div class=""><br><blockquote type="cite"><div dir="ltr">Hi folks,<div><br></div><div>I know in the past people have mentioned having customized their notebook layouts to display output next to the input cells instead of below them.</div>
<div><br></div><div>Does anyone have an example handy of this, so I can refer a colleague to it?</div></div></blockquote><div><br></div><div><br></div></div><div><div>%%html</div><div><style></div><div>div.cell{</div>
<div><span style="white-space:pre-wrap">  </span>box-orient:horizontal;</div><div><span style="white-space:pre-wrap">   </span>flex-direction:row;</div><div>}</div><div><br></div><div>div.cell *{</div><div><span style="white-space:pre-wrap">   </span>width:100%;</div>
<div>}</div><div><br></div><div>div.prompt{</div><div><span style="white-space:pre-wrap">       </span>width:80px;</div><div><br></div><div>}</div></div><div></style></div></div></div></blockquote><div><br></div><div>BTW, I find that I can go back and forth between horizontal and vertical styles sequentially in a notebook using this technique, as long as the HTML is entered into new cells. If I go back to a previously executed cell and attempt to re-run the HTML, then the notebook gets confused, and I need to create a new cell (or close and re-open the notebook). This is on Chromium 34.0.1847.116 on Ubuntu.</div>
<div><br></div><div>-Doug</div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div style="word-wrap:break-word">
<div><div><br></div>CF : <a href="https://twitter.com/Mbussonn/status/474189448452665344" target="_blank">https://twitter.com/Mbussonn/status/474189448452665344</a></div><span class=""><font color="#888888"><div><br></div>
<div>-- </div><div>M<br><blockquote type="cite"><div dir="ltr">

<div><br></div><div>Thanks!</div><div><br></div><div>f<br clear="all"></div></div></blockquote></div><br></font></span></div><br>_______________________________________________<br>
IPython-dev mailing list<br>
<a href="mailto:IPython-dev@scipy.org">IPython-dev@scipy.org</a><br>
<a href="http://mail.scipy.org/mailman/listinfo/ipython-dev" target="_blank">http://mail.scipy.org/mailman/listinfo/ipython-dev</a><br>
<br></blockquote></div><br></div></div>
</div></blockquote><blockquote type="cite"><div><span>_______________________________________________</span><br><span>IPython-dev mailing list</span><br><span><a href="mailto:IPython-dev@scipy.org">IPython-dev@scipy.org</a></span><br><span><a href="http://mail.scipy.org/mailman/listinfo/ipython-dev">http://mail.scipy.org/mailman/listinfo/ipython-dev</a></span><br></div></blockquote></body></html>