I've have spent the day making a simple character sheet for Supers! RED RPG, teaching myself basic HTML as I go. The sheet is 99% finished but I have hit a rut. As you can see from the screenshot I have managed to add powers information that spans the full sheet, however when I try to add the same information as a repeating field it squashes up to 50% of the screen. I have tried to add width but failed. Any help/advice is much appreciated as once the Powers repeating field is added the sheet will be ready for use in game. <div> <div> <h1>ADvantages/DISADvantages</h1> <br></br> <table style="width:400px"> <tr> <td><h5 style="width:345px">Name</h5></td> <td><h5 style="width:45px">Cost</h5></td> </tr> <tr> <td><input type="text" style="width:345px" name="attr_van_name"></td> <td><input type="number" style="width:45px" name="van_cost"></td> </tr> </table> <fieldset> <input type="text" style="width:345px" name="attr_vantage_name"><input type="number" style="width:45px" name="vantage_cost"> </fieldset> </div> <div> <h1>APTitudes</h1> <br></br> <table style="width:400px"> <tr> <td><h5 style="width:255px">Name</h5></td> <td><h5 style="width:45px">Cost</h5></td> <td><h5 style="width:45px">Rating</h5></td> <td><h5 style="width:45px">Roll</h5></td> </tr> <tr> <td><input type="text" style="width:255px" name="attr_apt_name"></td> <td><input type="number" style="width:45px" name="attr_apt_cost"></td> <td><input type="number" style="width:45px" name="attr_apt_rating"></td> <td><button type="roll" style="width:45px" value="" name="attr_apt_cost"></td> </tr> </table> <fieldset> <td><input type="text" style="width:255px" name="attr_aptitude_name"><span></span><input type="number" style="width:45px" name="aptitude_cost"><span></span><input type="number" style="width:45px" name="aptitude_rating"><span></span><button type="roll" style="width:45px" value="" /></td> </fieldset> </div> </div> <br></br> <div align="center"> <h1 style="width:397px">POWers</h1> </div> <br></br> <div> <div> <table style="width:800px"> <tr> <td><h5 style="width:255px">Name</h5></td> <td><h5 style="width:45px">Cost</h5></td> <td><h5 style="width:45px">Rating</h5></td> <td><h5 style="width:45px">Roll</h5></td> <td><h5 style="width:400px">Boosts/Complications/Notes</h5></td> </tr> <tr> <td><input type="text" style="width:255px" name="attr_pow_name"></td> <td><input type="number" style="width:45px" name="attr_pow_cost"></td> <td><input type="number" style="width:45px" name="attr_pow_rating"></td> <td><button type="roll" style="width:45px" value="" name="attr_pow_roll"></td> <td><input type="text" style="width:400px" name="attr_boo_name"></td> </tr> </table> </div> </div> I'm sure my code is clunky but thought I should add part of it for those willing to advise. Thanks