how to make text narrow css code example

Example 1: how to stretch text in javascript

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      span.stretch {
        display: inline-block;
        margin: 35px;
        -webkit-transform: scale(2, 1);
        -moz-transform: scale(2, 1);
        -o-transform: scale(2, 1);
        transform: scale(2, 1);
      }
    </style>
  </head>
  <body>
    <p>This text is
      <span class="stretch">stretching</span>.
    </p>
  </body>
</html>

Example 2: css font family narrow fonts

/* This text is in Arial Narrow */
.class { 
	font-family: Arial Narrow,Arial,sans-serif; 
}

Tags:

Html Example