Skip to content

Instantly share code, notes, and snippets.

@MoritzBuetzer

MoritzBuetzer/figcaption.css

Created May 7, 2014 06:26
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save MoritzBuetzer/4c89d9da1e15745cf2b0 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save MoritzBuetzer/4c89d9da1e15745cf2b0 to your computer and use it in GitHub Desktop.
Download ZIP
figcaption restricted to the width of a responsive image
Raw
figcaption.css
figure {
padding: 5px;
display: table;
}
figure img {
display: block;
}
figcaption {
display: table-caption;
caption-side: bottom;
}
@BradCoffield

BradCoffield commented Sep 14, 2018

Copy link
Copy Markdown

Perfecto :) Thanks.

@fabiodisconzi

fabiodisconzi commented Jul 27, 2019

Copy link
Copy Markdown

Really helpful! I apply it to Unify bootstrap theme.

@Porges

Porges commented Sep 30, 2022

Copy link
Copy Markdown

aah this is good

@pbarney

pbarney commented Oct 8, 2024

Copy link
Copy Markdown

Now try to get the caption centered.

@Porges

Porges commented Oct 8, 2024

Copy link
Copy Markdown

@pbarney works fine for me here: https://games.porg.es/games/pai-tong/#:~:text=tong%2C%20see%20below.-,Thailand%20and%20Malaysia%2C%20with,%C2%A9%20George%20Pollard%20%F0%9F%85%AD%F0%9F%85%AF%F0%9F%84%8F%F0%9F%84%8E,-Equipment

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