CSS Property Value How to - text-indent: -5em; align the contents of this table

Question

We would like to know how to text-indent: -5em; align the contents of this table.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.hangingindent {<!-- w w  w .j  a v a 2  s.  c o  m-->
  padding-left: 5em;
  text-indent: -5em;
}
</style>
</head>
<body>
  <p class="hangingindent">
    <b>Example 1:</b> A BruxZir bridge has 3 mm high x 3 mm wide
    connectors. 3 mm2 x 3 mm = 3x3x3 = 27. This bridge will be able to
    carry a proportional load in the oral environment, according to the
    Rule of 27.
  <p>
</body>
</html>

The code above is rendered as follows: