I created a small test web page, and the line heights are different, although they use the same CSS style. This becomes most visible when using Chrome to highlight the usage of the .instruction class. It seems as if the…
I am new to HTML and CSS. I am trying to remove the top and bottom margin from my H1 but the default margin remains. My CSS so far looks like the below: font-family: 'Cormorant Garamond'; font-size: 65px; letter-spacing: 40px;…
I'm creating a simple website for my intro to web design class. I'm trying to make a centered navbar with six list items. As the user hovers over an item, the background changes from teal to white. My issue is…
body { background-color: #040081; font-family: Arial, Helvetica, sans-serif; padding: 50px; box-sizing: border-box; } .header { padding: 20px; background-color: #1612AA; text-align: center; font-family: "Roboto" sans-serif; font-size: 40px; text-shadow: 2px 0 #F36502, -2px 0 #F36502, 0 2px #F36502, 1px 1px #F36502, -1px…
#parent { background-color: blue; margin-bottom: 40px; margin-top: 40px; } #child1 { background-color: red; } #child2 { height: 200px; background-color: yellow; margin-top: -40px; margin-bottom: -40px; } <div> <div id="parent"> <div id="child1"> <div id="child2"></div> </div> </div> </div> the margin-bottom on child2 is…
I have a list of items that are styled to display in a row, with each one overlapping the other slightly, to look like tabs. Using only CSS (no JS), I would like the overlap to change responsively to the…
I've used margin: 0 auto; on my two GIF images and also the following properties: bottom, left, right. It worked very well because my intention was to set them between another image. However, under these images there is one p…
I'm making an interface inside a header, and the with a text input and a submit button automatically goes farther down the page, while my other anchor tags that I use as buttons stay on the same line. I have…
How can i delete some items based on the screen size ? I have given at my css for desktop margin-left, width, height, and position:absolute; properties but I need them not to apply in mobile responsive. How can I dot…
I am working on a multi-page HTML document with CSS for printing, specifically targeting the A4 page size. The layout works fine, but the issue I'm facing is that the margin I've applied results in an unwanted white area around…