User:Choocolatiah/Sandbox2

WHY IS THE WDS BUTTON NOT IN THE SAME SIZE WITH OTHER DIV ELEMENT EVEN IF THE WIDTH SIZE ARE THE SAME.//// BRUHHHHHHHHHHH <div class="wds-button" style="  width: 96%;   font-weight: bold;   color: white;   text-shadow: 2px 2px 2px black;   padding: 5px;   background-color: #f03;   background: -moz-linear-gradient(top, #ff1947 35%, #f03 65%);   background: -webkit-linear-gradient(top, #ff1947 35%, #f03 65%);   background: -o-linear-gradient(top, #ff1947 35%, #f03 65%);   background: -ms-linear-gradient(top, #ff1947 35%, #f03 65%);   background: linear-gradient(to bottom, #ff1947 35%, #f03 65%);   border: 1px solid #f03;   border-radius: 10px 10px 0 0; ">  Characters: Area: Type: <div class="wds-button" style="  width: 96%;   font-weight: bold;   color: white;   text-shadow: 2px 2px 2px black;   padding: 5px;   background-color: #f03;   background: -moz-linear-gradient(top, #ff1947 35%, #f03 65%);   background: -webkit-linear-gradient(top, #ff1947 35%, #f03 65%);   background: -o-linear-gradient(top, #ff1947 35%, #f03 65%);   background: -ms-linear-gradient(top, #ff1947 35%, #f03 65%);   background: linear-gradient(to bottom, #ff1947 35%, #f03 65%);   border: 1px solid #f03;   border-radius: 10px 10px 0 0; ">  Characters: Area: Type:
 * Insert convo, use chartalk template, not dialog
 * Insert convo, use chartalk template, not dialog