Fwd: After using float="left", the title of the next section is not shown under the image

[mojavelinux]

Yakov,

This is one of the annoying issues with floats. Fortunately, there is a built-in solution in Asciidoctor to work around it. You'll want to wrap your image in a "float group".

```asciidoc

[.float-group]

--

image:sunset.jpg[Sunset,150,150,role="right"] What a beautiful sunset!

--

== Next Section

```

A float group defines the boundaries of the floatable content so that any content that follows doesn't get caught up in the float.

Note that the float group behavior is provided by the default Asciidoctor stylesheet. You can see the styles here:

https://github.com/asciidoctor/asciidoctor/blob/master/data/stylesheets/asciidoctor-default.css#L136

-Dan

On Mon, Mar 31, 2014 at 9:35 PM, Yakov Fain [via Asciidoctor :: Discussion] <[hidden email]> wrote:

Hello,

I'm generating an HTML with asciidoctor. Wandt to have an image on the left and the hyperlink on the right:

image::images/fig_reading.png[float="left",width=200, height=275]

http://bit.ly/1hhFvrK[Creating and Running your First Java Application in IDEA]

=== The next section title

In generated HTML this code shows the image on the left and both the link and the next section title on the right.  What do I need to do to force the title to go below the image?

Thanks,
Yakov

---

If you reply to this email, your message will be added to the discussion below:

http://discuss.asciidoctor.org/After-using-float-left-the-title-of-the-next-section-is-not-shown-under-the-image-tp1660.html

To start a new topic under Asciidoctor :: Discussion, email [hidden email]
To unsubscribe from Asciidoctor :: Discussion, click here.
NAML

... [show rest of quote]

--

Dan Allen | http://google.com/profiles/dan.j.allen