Can't understand negative margin's way of work [closed] - html

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 5 years ago.
Improve this question
Please look at following html...
.wrapper {
position: relative;
}
.mydiv1 {
margin-left: -10px;
margin-top: -10px;
}
<div class="wrapper">
<div class="mydiv1">div1</div>
</div>
.mydiv1 was pulled left as 10px and through out it's parent's left border.
But nothing happens on its top.
Why did it work differently?

Related

css SYNTAX is not displaying list [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 7 months ago.
Improve this question
My list is not being displayed
.thirdrow ul {
list-style-position: inside;
font-size: 120%;
bottom: 0;
right: 0;
margin-top: 0.3cm;
padding-top: 0.6cm;
}
<div id="thirdrow">
<ul>
<li>...</li>
<li>...</li>
</ul>
</div>
Is my syntax '.thirdrow ul' correct in the CSS file?
if not, what's the right one?
Just change the selector to - #thirdrow ul and that should work.

How to remove the button border in css? border:none is not working [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 1 year ago.
This post was edited and submitted for review 1 year ago and failed to reopen the post:
Original close reason(s) were not resolved
Improve this question
Can anyone help me I can't remove button border. border:none; is not working
button {
font-size: 16px;
text-transform: uppercase;
background-color: white
border: none;
}
button:hover {
color: white;
background-color: black;
}
you are missing ; in the line before.

CANNOT change anythings in css [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 2 years ago.
Improve this question
Why can I not change the color, size or anything by using the project class or project id?? I can only can change something through These CLASS??
.These {
display: flex;
flex-direction: column;
height: 90vh;
align-items: center;
width: 100%;
}
#project {
color: yellow;
font-size: 3rem;
}
<div class="These">
<p clsss="project" id="project">
These are some of my projects
</p>
</div>
Check and make sure your CSS style sheet is properly linked to your HTML.
Your code works for me in codepen.There is a typo, however the ID should still pull it so I would check for a linking issue or post your
There is a typo in your paragraph element. Change clsss to class.
You have missspelled class. You have use clsss instead of class.
Snippet:
<div class="These">
<p class="project" id="project">
These are some of my projects
</p>
</div>

Hex Color codes maybe causing CSS to not work [closed]

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 4 years ago.
Improve this question
I have the following CSS:
body {
background-color: ffe750;
}
#background {
background-color: fc5f50;
}
In the html file I just have the div mentioned above, when I load the page, the colors aren't displaying (I got the Hex values from photoshop). I would just like to display two different colors on each half.
EDIT
Sorry for my ignorance, it was a very silly mistake, sadly I can't delete the question, very sorry.
You lack #:
body {
background-color: #ffe750;
}
#background {
position: fixed;
top: 0px;
left: 0px;
width: 50%;
height: 100%;
background-color: #fc5f50;
z-index: 1;
}

CSS for a HTML Newsletter [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I have the following CSS:
#Wrapper {
width: 600px;
background: #FFFFFF;
margin: 0 auto;
padding: 5px;
border-radius: 10px;
}
And the following HTML:
<div id="Wrapper">
...
</div>
But for some reason the wrapper's CSS styling does not extend the full length of the HTML.
I'm missing something obvious I'm sure but can't see the wood for the trees right now and pasting all the code would just make my post look a mess.
Any thoughts...?
Use tables for emails to be consistent across all clients.
Then you should read up on CSS use within emails.
margins, border-radius are not acceptable.
http://www.campaignmonitor.com/css/