Emulating captions for multi-column?

Emulating captions for multi-column?

[Joseph Reagle]

I'm enjoying div based columns. Sometimes I specify my own columns [1] or create a simple div and let CSS lay it out via "column-count: N" [2].

[1]: http://pandoc.org/MANUAL.html#columns
[2]: https://developer.mozilla.org/en-US/docs/Web/CSS/column-count

This is preferable to tables when I don't care about rows. For example, this is an easy way to layout a nested list---which I have trouble with in table cells.

However, is there a way to emulate a (centered) table caption for these structures?

Below, I have a paragraph with a centered span preceding the div.

```
[Lepora and Goodin's (2013) dimensions]{style="text-align: center"}.

:::::::::::::: {.columns style="border: 1px solid #d8d8d8" }
::: {.column width="50%"}
- `BF` (Badness Factor): the morally badness of the principal wrongdoing
- `RF` (Responsibility Factor) = `f(V, Kc, Kw)`
    - `V`: voluntariness
    - `Kc`: knowledge of contribution 
    - `Kw`: knowledge of wrongness
:::
::: {.column width="50%"}
- `CF` (Contribution Factor) = `f(C, Prox, Rvse, Temp, Pr, Resp)`
    - `C`: centrality
    - `Prox`: proximity
    - `Rvse`: reversibility
    - `Temp`: temporality
    - `Pr`: planning role
    - `Resp`: responsiveness
- `SP` (Shared Purpose): extent of overlap, strength, and guidance relative to purposes of wrong-doers
:::
::::::::::::::
```

The problem is this won't be centered, because a centered span within a left-justified paragraph is still left. Maybe this caption simulacrum could be put in a div (rather than a span) but I wonder if I'm over-complicmating things.

Re: Emulating captions for multi-column?

[BPJ]

[-- Attachment #1: Type: text/plain, Size: 3187 bytes --]

What about a paragraph in a div with class "caption" and then the classic
CSS:

```css
div.caption p {
    /* center box in container */
    margin-left: auto
    margin-right: auto
}
```

lör 23 juni 2018 kl. 17:40 skrev Joseph Reagle <joseph.2011-T1oY19WcHSwdnm+yROfE0A@public.gmane.org>:

> I'm enjoying div based columns. Sometimes I specify my own columns [1] or
> create a simple div and let CSS lay it out via "column-count: N" [2].
>
> [1]: http://pandoc.org/MANUAL.html#columns
> [2]: https://developer.mozilla.org/en-US/docs/Web/CSS/column-count
>
> This is preferable to tables when I don't care about rows. For example,
> this is an easy way to layout a nested list---which I have trouble with in
> table cells.
>
> However, is there a way to emulate a (centered) table caption for these
> structures?
>
> Below, I have a paragraph with a centered span preceding the div.
>
> ```
> [Lepora and Goodin's (2013) dimensions]{style="text-align: center"}.
>
> :::::::::::::: {.columns style="border: 1px solid #d8d8d8" }
> ::: {.column width="50%"}
> - `BF` (Badness Factor): the morally badness of the principal wrongdoing
> - `RF` (Responsibility Factor) = `f(V, Kc, Kw)`
>     - `V`: voluntariness
>     - `Kc`: knowledge of contribution
>     - `Kw`: knowledge of wrongness
> :::
> ::: {.column width="50%"}
> - `CF` (Contribution Factor) = `f(C, Prox, Rvse, Temp, Pr, Resp)`
>     - `C`: centrality
>     - `Prox`: proximity
>     - `Rvse`: reversibility
>     - `Temp`: temporality
>     - `Pr`: planning role
>     - `Resp`: responsiveness
> - `SP` (Shared Purpose): extent of overlap, strength, and guidance
> relative to purposes of wrong-doers
> :::
> ::::::::::::::
> ```
>
> The problem is this won't be centered, because a centered span within a
> left-justified paragraph is still left. Maybe this caption simulacrum could
> be put in a div (rather than a span) but I wonder if I'm over-complicmating
> things.
>
> --
> You received this message because you are subscribed to the Google Groups
> "pandoc-discuss" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pandoc-discuss/b0c877cb-a42c-a806-4f3d-53a3474a9ce8%40reagle.org
> .
> For more options, visit https://groups.google.com/d/optout.
>

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/CADAJKhCFse7-fcDahy%3DuaSARTCxsr%2BdMFroP8OdYtgPyCOviQQ%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

[-- Attachment #2: Type: text/html, Size: 4752 bytes --]

Re: Emulating captions for multi-column?

[BP Jonsson]

[-- Attachment #1: Type: text/plain, Size: 4176 bytes --]

What about a paragraph in a div with class "caption" and then the classic
CSS:

```css
div.caption p {
    /* center box in container */
    margin-left: auto;
    margin-right: auto;
    /* set width of para */
    width: 50%;
}
```

lör 23 juni 2018 kl. 17:40 skrev Joseph Reagle <joseph.2011-T1oY19WcHSwdnm+yROfE0A@public.gmane.org>:

> I'm enjoying div based columns. Sometimes I specify my own columns [1] or
> create a simple div and let CSS lay it out via "column-count: N" [2].
>
> [1]: http://pandoc.org/MANUAL.html#columns
> [2]: https://developer.mozilla.org/en-US/docs/Web/CSS/column-count
>
> This is preferable to tables when I don't care about rows. For example,
> this is an easy way to layout a nested list---which I have trouble with in
> table cells.
>
> However, is there a way to emulate a (centered) table caption for these
> structures?
>
> Below, I have a paragraph with a centered span preceding the div.
>
> ```
> [Lepora and Goodin's (2013) dimensions]{style="text-align: center"}.
>
> :::::::::::::: {.columns style="border: 1px solid #d8d8d8" }
> ::: {.column width="50%"}
> - `BF` (Badness Factor): the morally badness of the principal wrongdoing
> - `RF` (Responsibility Factor) = `f(V, Kc, Kw)`
>     - `V`: voluntariness
>     - `Kc`: knowledge of contribution
>     - `Kw`: knowledge of wrongness
> :::
> ::: {.column width="50%"}
> - `CF` (Contribution Factor) = `f(C, Prox, Rvse, Temp, Pr, Resp)`
>     - `C`: centrality
>     - `Prox`: proximity
>     - `Rvse`: reversibility
>     - `Temp`: temporality
>     - `Pr`: planning role
>     - `Resp`: responsiveness
> - `SP` (Shared Purpose): extent of overlap, strength, and guidance
> relative to purposes of wrong-doers
> :::
> ::::::::::::::
> ```
>
> The problem is this won't be centered, because a centered span within a
> left-justified paragraph is still left. Maybe this caption simulacrum could
> be put in a div (rather than a span) but I wonder if I'm over-complicmating
> things.
>
> --
> You received this message because you are subscribed to the Google Groups
> "pandoc-discuss" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pandoc-discuss/b0c877cb-a42c-a806-4f3d-53a3474a9ce8%40reagle.org
> .
> For more options, visit https://groups.google.com/d/optout.
>
-- 

------------------------------
SavedURI :Show URLShow URLSavedURI :
SavedURI :Hide URLHide URLSavedURI :
https://mail.google.com/_/scs/mail-static/_/js/k=gmail.main.sv.G3GZFwvcniQ.O/m=m_i,t,it/am=fUAcTAoZawdGHAZ2YD-g9N_f7LL4CX7WlSgHQKgABHaCv9kToPiBD8qOMw/rt=h/d=1/rs=AItRSTO5CF1YB_frDRXLXTeUsQ1zItcBvwhttps://mail.google.com/_/scs/mail-static/_/js/k=gmail.main.sv.G3GZFwvcniQ.O/m=m_i,t,it/am=fUAcTAoZawdGHAZ2YD-g9N_f7LL4CX7WlSgHQKgABHaCv9kToPiBD8qOMw/rt=h/d=1/rs=AItRSTO5CF1YB_frDRXLXTeUsQ1zItcBvw
<https://mail.google.com/_/scs/mail-static/_/js/k=gmail.main.sv.G3GZFwvcniQ.O/m=m_i,t,it/am=fUAcTAoZawdGHAZ2YD-g9N_f7LL4CX7WlSgHQKgABHaCv9kToPiBD8qOMw/rt=h/d=1/rs=AItRSTO5CF1YB_frDRXLXTeUsQ1zItcBvw>
<https://mail.google.com/_/scs/mail-static/_/js/k=gmail.main.sv.G3GZFwvcniQ.O/m=m_i,t,it/am=fUAcTAoZawdGHAZ2YD-g9N_f7LL4CX7WlSgHQKgABHaCv9kToPiBD8qOMw/rt=h/d=1/rs=AItRSTO5CF1YB_frDRXLXTeUsQ1zItcBvw>
------------------------------

-- 
You received this message because you are subscribed to the Google Groups "pandoc-discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to pandoc-discuss+unsubscribe-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To post to this group, send email to pandoc-discuss-/JYPxA39Uh5TLH3MbocFF+G/Ez6ZCGd0@public.gmane.org
To view this discussion on the web visit https://groups.google.com/d/msgid/pandoc-discuss/CAFC_yuR%3DsRT05cRjg9s5rJTdDVJmVaX22znN%2B9zvvBXvJ0gGqA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

[-- Attachment #2: Type: text/html, Size: 6819 bytes --]

Re: Emulating captions for multi-column?

[Joseph Reagle]

Yes, a div is the most obvious approach. 

On 6/24/18 6:04 AM, BPJ wrote:
> What about a paragraph in a div with class "caption" and then the
> classic CSS:
>> Maybe this caption
>> simulacrum could be put in a div (rather than a span) but I wonder if
>> I'm over-complicating things.