Math and HTML / CSS question (details below)?

This is reasonably simple to figure out with an equation of 3 variables. Let a = size of the aardvark font in pts. Let be = number of characters, including spaces in aardvarkLet c = number of characters in the "smaller words", including spaces.

Finally let f(a,b,c) = size of font in pt for "smaller words" = df(a,b,c) = ab/cSo put in words:Font size of smaller words = (number of letters in big word x font size of big word)/(number of letters and spaces in smaller words)Some odd stuff happens when you don't get an integer and it seems to generally be best to round down the smaller font. So in my test case:AARDVARKcat dog bird egg alligator rath1 {font-family:"Courier New",Courier,monospace;font-size:65pt;}h2 {font-family:"Courier New",Courier,monospace;font-size:16pt;}Hope that sets you in the right direction.

It depends on the font. If you were to use a monospace font, each character would be the same width and spaced consistently (though, you would want to declare both in your CSS. You may want to set the body font-size to 10px to snap it into an easier-to-calculate grid.)I wonder: if you know the length of the words from their string length, then can't you be assured that they will be smaller than the parent word?

Wouldn't it be easiest to just make the font-size of the child list appreciably smaller than the parent word? What do you mean "same size relative to each other"? If each word should fill the same width, then you would probably just want to justify the text.

But that's not a great solution either. It may be preferable to keep it simple . Not really an answer to your question, but I hope it helps anyway.

You can't do that with html and css. You can set a font-size for the container and create a class for the list, like . List {font-size:65%}.

You would have to get the first word's container's width and the . List's width with javascript, you would have to change the . List's font-size and compare the two width values until the list's value is smaller.

This would require heavy javascript work.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions