P Tag

${ p }
- usage : ${p}

This tag will allow you to render text ranges in your Label or Paragraph text layers.

This tag works with text only.

Text Range Styles

When using ${p} tag, all layer effects are rendered with each range of the text element as a <span /> element in the output. The text ranges are converted to inline HTML styles and not in the CSS.

NOTE: Styles within a text block are just that - inline.  Adding span styles to the CSS file is pointless, as you will likely use the style for that span only once.
IMPORTANT: Paragraph (<p/>) elements are not used in HTML outputs - learn more.

Line Height

This tag will also calculate the line height but ONLY for the text element as a whole, and NOT each span.

IMPORTANT: HTML5 and CSS3 do not calculate the line-height of a span within a div - to workaround this, change the font size of " " (space) character and HTML will remap that line using the "line height" of the font.
LOGIN NOW: Get instant access to our free Online Training - click here.

Using the Plugin

How To Guides

Help Us Improve

We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Better Content

Free Download

Responsive Multi-Page Website

A clean responsive website with multiple pages +target screens.

Get a Free Export

Our Creative Team will export your project live and answer any questions you may have - we guarantee your first conversion will 100% work - we work with you to ensure this, Contact Us or check the Community FAQs for assistance.

Connect With Us

★ New XD Panel v200615 ★ - Update Now, Subscribe.