Font size based on container width

Question

I'd like to create a block of text that has three lines of text, all different lengths but the same width like shown in this image (apologies for the size). I'd like to know if there is a way of doing so without creating three different elements and changing the font-size for each. Would it be possible to set the font-size to the width of its container?

Example

<div class="block pink"> <div class="block-container"> <p>Create your</p> <p>30x20</p> <p>Canvas</p> </div> </div>

stackoverflow.com/questions/10292001/…

John
– John

2014-03-30 15:22:01 +00:00
Commented Mar 30, 2014 at 15:22 — John
– John, Commented Mar 30, 2014 at 15:22

Johansrk · Accepted Answer · 2014-03-30 15:23:36Z

1

no. Not with CSS. But there are lots of jquery plugins that will do this for you. Fx. http://simplefocus.com/flowtype/

answered Mar 30, 2014 at 15:23

Johansrk

5,2803 gold badges40 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Font size based on container width

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related