Different text design elements are available and Ivy is a very popular design among them. Okay. What is Ivy? It is an evergreen climber or ground-creeping plant native to central, western and southern Europe. The code for ivy leaf is “\2766″. The CSS code used here is based on pseudo-classes. The :first-child, :last-child, :before, and :after are some of the commonly used pseudo-classes.

After Content (or End of Article) Style

CSS

p:last-child:after {
    content: "\2766\2766\2766\2766"; /* Length (number) of ivy leaves */
    position: relative;
    float: right;
    font-size: 25px; /* Ivy leaf size */
    color: #696969;
    top: 30px;
}

HTML

<p>
	Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article.
</p>
<p>
	Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article. Ivy leaf design at the end of article.
</p>

Between Paragraphs Style

CSS

p {
margin: 0px 0px 50px 0px; /* Entered 50px to get space for Ivy to appear neatly. */
}
p.ivycut:after {
    content: "\2766\2766\2766\2766"; /* Length (number) of ivy leaves */
    position: relative;
    float: right;
    font-size: 25px; /* Ivy leaf size */
    color: #696969;
    top: 30px;
}

HTML

<p class="ivycut">
	Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph.
</p>
<p class="ivycut">
	Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph. Ivy leaf design after each paragraph.
</p>