Knowledge Base

How to avoid wrapping of text in email signatures

Problem:

You would like to prevent the text in your email signature from wrapping to the next line (Fig. 1.).

Text wraps in an email signature.
Fig. 1. Text wraps in an email signature.

Solution:

Depending on your signature layout, the text may wrap, for example when it is too long to fit the screen.

If you want to stop the text in a specific part of your signature from wrapping, you need to add the white-space:nowrap property to the HTML element that includes this text. To do so, you need to:

  1. Open (edit) the signature in the CodeTwo software that you use.
  2. In the signature editor, click the </> Source button on the ribbon to open the HTML source code view.
  3. Find the HTML element that includes the text you do not want to wrap, and add the white-space:nowrap property (Fig. 2.).

Defining the CSS white-space property in an HTML element (table cell).
Fig. 2. Defining the CSS white-space property in an HTML element (table cell).

Important

Sometimes, despite using the white-space:nowrap property, text in a table will still be wrapped when your HTML signature is rendered. This may happen when you define the width property for the TABLE or TD HTML tags inside which the wrapped text is included. To fix the issue, simply remove the width property along with its value from the tags by editing your code in the HTML source code view window (Fig. 3.).

Instances of the CSS width property to be removed along with their values.
Fig. 3. Instances of the CSS width property to be removed along with their values.

  1. Save the signature layout and save the changes in the CodeTwo program. After the changes propagate in your environment, the text should not wrap anymore (compare the layout in Fig. 1. and Fig. 4.).

Text does not wrap in an email signature.
Fig. 4. Text does not wrap in an email signature.