Comment on Tutorial: HTML Sanitizing and Parsing

  1. walking_tornado Sun 16 Jun 2013 12:24PM UTC

    I'm new to HTML, and I can't locate how to indent the first line of paragraphs. I found a site that said just to code in several spaces, and I wondered if you had a better way of doing it.

    Comment Actions

    1. AO3_Support (Official) Sun 16 Jun 2013 06:17PM UTC

      Hi, walking_tornado,

      You can indent the first lines of your paragraphs using a Work Skin. To do so:

      1) Go to your Skins page from the link in your Dashboard

      2) Click the “Work Skins” button

      3) Choose “Create Skin”

      4) In the “Create New Archive Skin” form, change the popup menu beside “Type” to “Work Skin” (very important)

      5) In the “Title” box, enter a title that is meaningful to you (for example, “Indentation”)

      6) If you like, in the “Description” box you can enter a description of what the skin does

      7) In the large box labeled “CSS”, enter:

      #workskin P { text-indent: 3em; margin: 0 auto; }

      7A) If you'd like to indent your paragraphs but still have blank lines between them, instead enter:

      #workskin P { text-indent: 3em; }

      8) Click the “Submit” button at the bottom of the form.

      Now when you post or edit a work, if you choose your work skin from the dropdown next to "Custom Stylesheet" (at the bottom of the Associations section) you'll get paragraphs with the first line indented.

      If you have any questions about the above instructions, please contact Support from the link in the Archive footer.

      Best,
      Lady Oscar
      AO3 Support

      Comment Actions

      1. Musicfight23 Sat 21 May 2016 07:44PM UTC

        I needed this. Thank you!

        Comment Actions

      2. theLadyLazaruss Tue 18 Apr 2017 12:59PM UTC

        Oh. My. Goodness.
        I know absolutely ziltch about CSS and programming and all of that intricate computer stuff that I know I should really know for my age, but I've been rifling through the internet attempting to make some sort of sense out of paragraphs of code.

        Thank you. So much simpler, and so much easier.

        Comment Actions

      3. ChekhovsRazor Thu 01 Mar 2018 01:54AM UTC

        Those instructions indent the summary and notes as well. Might I suggest instead using:

        #workskin #chapters div.userstuff p { text-indent: 3em; margin: 0 auto; }

        or

        #workskin #chapters div.userstuff p { text-indent: 3em; }

        This will only indent the actual chapter paragraphs and avoid indenting the summary and notes.

        Last Edited Thu 01 Mar 2018 01:56AM UTC

        Comment Actions

        1. Account Deleted Tue 22 Feb 2022 04:15PM UTC

          Hello, I was looking for instructions like this and I found this old post! Thank you very much!
          I have bad eyesight, so typical web format with justified-left and inter-paragraph spaces being tight is rather hard for me to follow when I'm reading on Desktop. Again, thank you very much!!

          Comment Actions

          1. ChekhovsRazor Thu 03 Mar 2022 05:21PM UTC

            No problem, glad this could help. :)

            Comment Actions

      5. Emily_Writes_Things Sun 04 Mar 2018 05:19AM UTC

        Oml Thank you so much! I was very sad because I couldn't get the indent! Thank you, you are life savers

        Comment Actions