New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Floats inside inlines are broken #39

Closed
liZe opened this Issue Feb 25, 2013 · 1 comment

Comments

Projects
None yet
1 participant
@liZe
Member

liZe commented Feb 25, 2013

Some cases are totally broken:

<style>
@page { margin: 0 }
body { margin: 0 }
p { padding: 0 5em }
p:last-child, p:first-child { text-align: justify }
span { background-color: rgba(255, 0, 0, 0.2); float: left; margin-left: -5em }
span + span { background-color: rgba(0, 0, 255, 0.2) }
i { background-color: rgba(0, 255, 0, 0.2); float: right; margin-right: -5em }
</style>

<p>Test <span>VeryVeryVeryLong</span> Pig sirloin tenderloin salami tongue short ribs chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Test <span>VeryVeryVeryLong</span> Pig sirloin tenderloin salami tongue short ribs chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p><span>ShorterButVeryLong</span> Pig sirloin tenderloin salami tongue short ribs chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Test <span>Shorter</span> Pig sirloin tenderloin salami tongue short ribs chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p><span>Shorter</span> Pig sirloin tenderloin salami tongue short ribs chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Test <span>Shorter</span> Pig sirloin tenderloin salami tongue short ribs chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short <span>ribs</span> brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Test <span>Shorter</span> Pig sirloin tenderloin salami tongue short <span>ribs</span> chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Test <span>VeryVeryVeryLong</span> Pig sirloin tenderloin salami tongue short <span>ribs</span> chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Start <strong>before<span>Test</span> middle <span>Shorter</span>after</strong>
Pig sirloin tenderloin salami tongue short ribs chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Start <strong>before<span>Test</span> middle <span>ShorterButVeryLong</span>after</strong>
Pig sirloin tenderloin salami tongue short ribs chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Test <span>VeryVeryVeryLong</span> Pig sirloin tenderloin salami tongue short <i>Ribs</i> chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Test <span>VeryVeryVeryLong</span> Pig sirloin tenderloin salami tongue short <i>BigBigBigRibs</i> chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,

<p>Test <span>VeryVeryVeryLong</span> Pig sirloin tenderloin salami tongue short <i>BigBigBigRibs</i> chicken
pork ground round ham hock kielbasa tail hamburger spare ribs. Rump sirloin
short ribs brisket jerky. Jowl pork chop ball tip spare ribs pancetta ham hock,
  • Justified, long float left.
  • Long float left.
  • Leading long float left.
  • Short float left.
  • Leading short float left.
  • Two short floats left on two different lines.
  • Two short floats left on the same line.
  • Long and short floats left in the same line.
  • Two short floats left, one in a nested tag.
  • Long and short floats left, on in a nested tag.
  • Long float left and short float right on the same line.
  • Long float left and long float right on the same line.
  • Justified, long float left and long float right on the same line.

liZe added a commit that referenced this issue Mar 26, 2017

liZe added a commit that referenced this issue Mar 26, 2017

@liZe liZe added this to the v0.42 milestone Oct 24, 2017

liZe added a commit that referenced this issue Nov 17, 2017

@liZe liZe removed this from the v0.42 milestone Nov 17, 2017

@liZe liZe closed this in c588b69 Nov 19, 2017

@liZe liZe added this to the v0.42 milestone Nov 19, 2017

@liZe

This comment has been minimized.

Show comment
Hide comment
@liZe

liZe Nov 19, 2017

Member

We'd love to have some tests about that!

Member

liZe commented Nov 19, 2017

We'd love to have some tests about that!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment