Styling Paragraphs

Inki theme offers several css classes for styling paragraphs in your posts and pages. Here is a sample text with some advanced typography:

Praesent vestibulum, turpis sed blandit tempus, nunc magna feugiat purus, et blandit odio enim eleifend leo.

Morbi ut mattis velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus, lorem non placerat pellentesque, arcu tellus interdum dolor, eu vulputate tellus purus a lectus. Morbi ut mattis velit. In hac habitasse platea dictumst. Vestibulum id purus ipsum. Nam sed ante vitae eros dignissim sodales in at turpis.

Vivamus massa tortor, porttitor vitae posuere eget, tincidunt ac nibh. Integer venenatis tellus a nisi imperdiet pharetra porta lorem vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cras blandit, nunc sit amet convallis consequat, eros erat lobortis enim, ut aliquam ligula dolor eget leo. Sed venenatis, massa mollis mattis aliquet, nisl diam lobortis dui, vitae aliquam turpis turpis vitae turpis.

Vivamus auctor sapien eget sapien scelerisque at mollis nibh vulputate. Morbi malesuada eleifend mauris eu vehicula. In vulputate viverra ante at mattis. Mauris laoreet massa vel purus pulvinar tincidunt.

Praesent vestibulum, turpis sed blandit tempus, nunc magna feugiat purus, et blandit odio enim eleifend leo. Cras sed eros turpis.

Complete list of paragraph styles

1. The default style – the first line of each paragraph is indented, other than this, it’s just a regular text. This is the default style, paragraphs in your posts will look like this if you don’t add any styles to them.

---

This is a paragraph with the default style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales dictum ornare. Donec sodales massa nulla, a eleifend dui. In hac habitasse platea dictumst.

---

2. Without indentation. Add class="no-indent" to the <p> tag.

---

This paragraph doesn’t have the indentation. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales dictum ornare. Donec sodales massa nulla, a eleifend dui. In hac habitasse platea dictumst.

---

3. Large. Add class="large" to the <p> tag.

---

This paragraph has large text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales dictum ornare. Donec sodales massa nulla, a eleifend dui. In hac habitasse platea dictumst.

---

4. Small. Add class="small" to the <p> tag.

---

This paragraph has smaller text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales dictum ornare. Donec sodales massa nulla, a eleifend dui. In hac habitasse platea dictumst.

---

5. First line bold. Add class="first-bold" to the <p> tag.

---

This is a paragraph with first line bold and without the indentation. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales dictum ornare. Donec sodales massa nulla, a eleifend dui.

---

6. First line in small caps. Add class="first-small-caps" to the <p> tag.

---

This is a paragraph with the first line in small caps and without the indentation. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales dictum ornare.

---

7. With a drop cap. Add class="drop-cap" to the <p> tag.

---

This is a paragraph with a drop cap. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus, lorem non placerat pellentesque, arcu tellus interdum dolor, eu vulputate tellus purus a lectus. Morbi ut mattis velit. In hac habitasse platea dictumst. Vestibulum ac pharetra mi.

---

8. Combining multiple styles. Below are two examples of combined styles. In the first paragraph class="drop-cap first-bold" has been added to the <p> tag and class="drop-cap first-small-caps" has been added to the second paragraph.

---

This is a paragraph with a drop cap and the first line bold. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus, lorem non placerat pellentesque, arcu tellus interdum dolor, eu vulputate tellus purus a lectus. Morbi ut mattis velit. In hac habitasse platea dictumst. Vestibulum ac pharetra mi.

This is a paragraph with a drop cap and the first line in small caps. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus, lorem non placerat pellentesque, arcu tellus interdum dolor, eu vulputate tellus purus a lectus. Morbi ut mattis velit. In hac habitasse platea dictumst. Vestibulum ac pharetra mi.

---