JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>

<html> 
<head>


<link rel="stylesheet" type="text/css" media="screen" href="mistylesheet.css"/>



 
</head>
<body>
<form action="POST">

     <table class="layouttable">
        
        <tr class='row1'><td> <b>&#191;Recomendar&iacute;a nuestros servicios a otra empresa o persona?  </b></td></tr>
        <tr class='row2'><td> 


     
        <select id = "recomiendaONo" name="recomiendaONo" class="required">
           <option value="">Seleccione su respuesta</option>
             <option value="Si">S&iacute;</option>
           <option value="No">No</option>
             
        </select>
      


        </td></tr>
         
    
  </table>    


















    <input type="submit"/>


</form>
</body>
</html>

CSS

select {
               text-align:center;
               width:35%;
          
    }
    

        .table2 {
             width:80%;

        }

        .selectdinamico {
               text-align:center;
               width:35%;
          
    }

       .margenuno {
             margin:left:25%;
        
        }
    
        .layouttable {width: 85%; }
        tr {border: 0px; text-align: center; }

        .layouttable tr.row1 {background-color:#CCCCCC; }
        .layouttable tr.row2 {background-color:#E8E8E8; } 
        .layouttable tr.row3 {background-color:#CCCCCC; }  
    
         .texto {background-color:#E8E8E8;}
         
         .letramenor{font-size:80%;}
        
        .textocentro {margin-left:13%;}

        .textocentro2 {margin-left:20%;}

        body {
         
         margin-left:10%;
         margin-right:10%;
         
         padding: 3% 3% 3% 3%;
         font-family:sans-serif;
          text-align:left;
        }


    .tabla img {
        width:100%;
    }


        .margenrecomendaciones{
           margin-left:32%;
        }

    .margenizq{
             margin-left:35%;
        }

        .margencorto{
             margin-left:20%;
        }

        .margenizq {
             margin-left:30%;
    }


        #margenfinal{
             margin-left:29%;
        }

        #cap { margin-left:200px;}

        .margenizq2{
             margin-left:270px;
        }

        .margennombre {
           margin-left:240px;
        }

JavaScript

$(document).ready(function(){
     $("#commentForm2").validate();
 
     $.extend($.validator.messages, {
         required: "Por favor, seleccione una respuesta",
         email: "Por favor, introduzca un email v&aacute;lido",
         digits:"Por favor, s&oacute;lo coloque d&iacute;gitos, sin espacios"
        
 
 
         
         
     });
 
 
 
   });