नीचे दिए गए कोड में, मैं एच 1 तत्व को शीर्ष-मार्जिन प्राप्त करने की कोशिश कर रहा हूं। जब मैं सीएसएस में इनलाइन करने की स्थिति निर्धारित करता हूं, तो मार्जिन-टॉप दिखाई नहीं देता है। लेकिन जब मैं इसे इनलाइन-ब्लॉक में बदलता हूं, तो यह करता है। मैं सोच रहा हूं कि कोई यह समझा सकता है कि ऐसा क्यों है। धन्यवाद।इनलाइन-ब्लॉक के साथ मार्जिन-टॉप क्यों काम करता है लेकिन इनलाइन के साथ नहीं?
संपादित करें: यहाँ jsfiddle में कोड है:
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="MyFirstWebsite.css">
<title>
Max Pleaner's First Website
</title>
</head>
<body>
<h1>Welcome to my site.</h1>
</body>
</html>
और यहाँ सीएसएस
body {
background-image:url('sharks.jpg');
}
h1 {
background-color:#1C0245;
display:inline;
padding: 6.5px 7.6px;
margin-left:100px;
margin-top:25px;
}
फ़्लोटिंग इससे मदद करता है। –