CSS Text Editing

Question

Hey guys I have a question, I plan on making a website for a friend that wants a nice description about them, for in terms of design they want something like this:

                              dsdsdsds
                           sdsdsdsdsdsdsd
                        sdsdsdsdsdsdsdsdsds
                     sdsdsdsdsdsdsdsdsdsdsdsd
                    sdsdsdsdsdsdsdsdsdsdsdsdsd
                     sdsdsdsdsdsdsdsdsdsdsdd
                       sdsdsdsdsdsdsdsdsdsd
                          sdsdsdsdsdsdsds
                            sdsdsdsdsdsd
                               sdsdsdsd

So basically small line of text at the start, and increase for the middle, then decrease in size near the end, so basically a circle type. Any ideas?

score 0 · Answer 1 · edited May 23 '17 at 12:03

0

One bad way is to have a fixed number of lines (and maybe no word-wrap). Just do spans and have the id's of each span have a pre-defined width.

A better (somewhat) way is to do something along these lines css circle via stack-overflow. You may have to tweak it though (and I haven't tried it), but you could play around to see of you like it.

I'm pretty certain the latter is the way you would go, but the ease of constructing it may not be overly fast.

Good luck!

edited May 23 '17 at 12:03

Community

1
1

answered Feb 28 '12 at 01:52

jheld

148
2
8

I should state that I assumed this css-bit would be re-used. So, yes, if this is only for one person and the wording won't change, then Bert's answer would be quite good-enough. – jheld Feb 28 '12 at 15:56

score 0 · Answer 2 · answered Feb 28 '12 at 01:53

0

After looking around in Google, I have found this: CSS Text Wrapper

It involves javascript, but you dont really need to know javascript in order to use it.

answered Feb 28 '12 at 01:53

Yoav Kadosh

4,807
4
39
56

score 0 · Answer 3 · answered Feb 28 '12 at 01:58

0

if you want to achieve that use

<pre></pre>

then apply the css to the text.

Its the easiest way to do that.

answered Feb 28 '12 at 01:58

Bert

1,019
3
14
25

CSS Text Editing

3 Answers3