Tengo un problema cuando coloco botones en HTML directamente, muestran un margen adicional. Pero cuando los creo con código JavaScript, se muestran sin margen.
const div = document.createElement("div"); const doneBtn = document.createElement("button"); doneBtn.innerText = "Done"; const delBtn = document.createElement("button"); delBtn.innerText = "Delete"; div.append(doneBtn); div.append(delBtn); document.body.append(div);
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Minimal Todo List</title> </head> <body> <div> <button>Done</button> <button>Delete</button> </div> </body> </html>
¿Cómo puedo hacer que la salida sea siempre la misma? (La configuración de "margen: 0" no funcionará)
Debe reemplazar los espacios en blanco en HTML o usar CSS adecuado para eliminar los espacios adicionales. En JS, no hay espacios adicionales entre los botones.