Skip to content

Instantly share code, notes, and snippets.

@MoritzBuetzer

MoritzBuetzer/figcaption.css

Created May 7, 2014 06:26
Show Gist options
  • Save MoritzBuetzer/4c89d9da1e15745cf2b0 to your computer and use it in GitHub Desktop.
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
Copy link

Perfecto :) Thanks.

@fabiodisconzi
Copy link

Really helpful! I apply it to Unify bootstrap theme.

@Porges
Copy link

Porges commented Sep 30, 2022

aah this is good

@pbarney
Copy link

pbarney commented Oct 8, 2024

Now try to get the caption centered.

@Porges
Copy link

Porges commented Oct 8, 2024

@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