Cant use margin command in HTML

I want to use margin in html but when im writing margin it doesn’t auto complete and It doesn’t work even if I type here is my code; <html lang="tr"> <head> <meta charset="utf-8"> <title>GAMEBLOG</title> </head> <body> <hr align="left" color="Red" size="60"width="1475"> <center><font face="papyrus" size="12" color="maroon"> <span><b>Gameblog News</b></span></font></center> <p> <center><h1><font face="Arial">En hızlı büyüyen kara delik bulundu: <br>… Read More Cant use margin command in HTML

How to remove child's border around parent?

If make table with 9 tds, add borders, how to remove border around parent? I need to remove this border: table tr { border: none !important; } <table border=”0″ cellspacing=”0″ cellpadding=”0″> <tbody> <tr> <td class=”td”></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table> >Solution : .border-none { border-collapse:… Read More How to remove child's border around parent?

why is this tetx not overflowing on the x axis even though I have a fixed width and the <p tag is set to display: block?

I need the text to overflow on the X axis just to reproduce some issue that I’m having on a bigger project. I leave a simple snippet, so you can tell me where I’m doing it wrong. Thanks! .article { background-color: rgb(236, 161, 161); width: 20em; } .article p { display: block; } <article class=”article”>… Read More why is this tetx not overflowing on the x axis even though I have a fixed width and the <p tag is set to display: block?

How can I make button auto width to its parent div

I can’t make a button auto its width to the parent div it is a child of. How do I make that? . Here is the code (html structure) if you need it: <div class=”drp”> <button class=”drp-btn” id=”i-drp-btn”>m/s</button> <div id=”i-speed-drp” class=”drp-content”> <button class=”drp-btn-elem” value=”m/s”>m/s</button> <button class=”drp-btn-elem” value=”km/h”>km/h</button> </div> </div> >Solution : Did you try width:… Read More How can I make button auto width to its parent div

Element/Group not appearing on document

I’m trying to make a popup in HTML but it doesn’t seem to appear on the webpage. This is my code: <!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>Popup</title> <link rel="stylesheet" href="styles/popups.css"> </head> <body> <div class="ssc-popup-group" id="ssc-popup"> <div class="ssc-popup-main popup-main"> <div class="ssc-popup-text-group popup-text-group"> <div class="ssc-popup-title popup-title">Society, Social Interaction… Read More Element/Group not appearing on document

Make a div to fill the whole screen

body{ background-image: url(‘pace\ sfondo.jpg’); } .banner-ministero{ width: 200%; height: 1%; background-color: #f5f5f5; text-align: left; } .logo-min{ width: 8%; height: 0.5%; padding-left: 9.5%; } .accedi{ width: 3%; height: 0.5%; padding-left: 19%; padding-bottom: 0.15%; } .banner-marconi{ width: 200%; height: 1%; background-color: #efefef; text-align: left; } .foto-ban-marc{ width: 32%; height: 29%; padding-left: 9.5%; padding-bottom: 0.2%; padding-top: 0.5%; }… Read More Make a div to fill the whole screen

html + css + react: how to provide margin to card without affecting the background top margin?

I am using bootstrap 5 As soon as I use: <div className = "card card-body mt-5"> There is a top margin, which looks great for the card. However it pushes my background image down by the same margin. I have tried to put the card in a div with various container types but I can’t… Read More html + css + react: how to provide margin to card without affecting the background top margin?