Indenting First Line of Text in RCE

[bweiss]

Hello!

I was hoping someone could help me figure out how to indent the beginning of a paragraph in the Rich Content Editor. I only want the first line in each paragraph indented, not the entire paragraph. I can't find a natural way to do this, but I'm hoping there's something I can do with the HTML to do this, but really don't know where to start.  

Any help will be greatly appreciated!

[kmeeusen · Accepted solution]

Hi  @bweiss  

I will quote from Computer Hope.................

"There are different methods of indenting text. However, for compatibility with multiple browsers and accessibility, we discuss the most popular methods of indenting text on your web page."

 You should find the answer to your question on this page of their website...............

How do I indent or tab text on my web page or in HTML?

Word of caution, though, be sure to check the Canvas HTML Whitelist to make sure the CSS or HTML tags are groovy, and won't be stripped out.

I hope this works out for you,

Kelley

[bweiss]

Thanks, Kelley!

[englishskills50]

This is only helpful if one can put in CSS code. Our Canvas administrators won't let us do that. 

Moreover, how are students supposed to do this? They are used to using word processors where the tab key indents the first line of a paragraph. They are told over and over again to do this when they create assignment using MS Word, Google Docs, etc. Then they get to the Canvas text editor and the there's no way to do this. Sometimes the tab key knocks them out of the box and submits the quiz before they're done. Is there really no other way to do this, other than hitting the space bar multiple times?

[matthew_buckett]

You don't need to use a separate style sheet, you can put the style inline with the HTML. If you switch to source view for the rich content editor and paste in something like this it should work:

<p style="text-indent: 10em;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et malesuada erat. Suspendisse potenti. Quisque dignissim ligula a nibh lacinia, ut viverra sem dictum. Aenean sollicitudin sit amet ligula nec pellentesque. Integer placerat laoreet augue, at suscipit massa suscipit eu. Nam posuere fermentum ligula. Suspendisse eu fermentum nisi, eu imperdiet arcu. Vivamus nulla turpis, tempus at dui quis, varius tincidunt nisl. Sed tempus imperdiet urna non fringilla. Proin rhoncus enim ac neque sodales, non venenatis ante facilisis. Nulla sed eros eget massa euismod tempor ut a dui. Phasellus eleifend varius turpis ut sagittis. Praesent consequat varius enim quis consectetur. In convallis est nibh, ac viverra ante tempus eu. In nec odio maximus arcu finibus tempor sit amet vel ex.
</p>

Having your indent use 'em' rather than 'px' means that it adjust depending on font size being used. You shouldn't need any ability to edit the themes