
<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css" href="bridge.css" media="screen"/>
<script src="bridge.js">text to fix problem </script>
<body>

<ul id="myUL">
  <li><span class="box">1C  xxxx </span> yyy 
    <ul class="nested">
      <li>1D</li>
      <li>1H</li>
      <li><span class="box">1S</span>
        <ul class="nested">
          <li>2C</li>
          <li>2D</li>
          <li><span class="box">2H</span>
            <ul class="nested">
              <li>2S</li>
              <li>2NT