Scrambled elements when resizing

Question

html:

<p style="margin-left:1250px; margin-top:70px;"><a href="">Go to the main website</a></p>

css:

a {
    color: #000000;
    text-decoration: none;

}

html {
    background-color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

body {
    margin: 0 auto;
    background-color: #ffffff;
    max-width: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    color: #545454;
    background-color: #ffffff;
    text-align: center;
}

Whenever i re-size the browser's window "Go to the main website" is getting scrambled. Any help?

@jmargolisvt I'm new in web development, can you be more specific which element? — mikeb, Jun 13 '15 at 05:41
If you can't recognize an inline style, you need to Google it. — jmargolisvt, Jun 13 '15 at 05:43
ok i did, but how can i keep the element in the same position, using the inline style :style="margin-left:1250px; margin-top:70px;" — mikeb, Jun 13 '15 at 05:44
i named the
--> and i gave it the attr: style="margin-left:1250px; margin-top:70px;" in CSS but it diidn't take the original position top-right — mikeb, Jun 13 '15 at 05:45
Couple things: [Inline styles are bad practice](http://stackoverflow.com/questions/2612483/whats-so-bad-about-in-line-css). You should make a fiddle. — jmargolisvt, Jun 13 '15 at 05:49

score 0 · Accepted Answer · answered Jun 13 '15 at 05:54

0

See if this helps

Css

a {
    color: #000000;
    text-decoration: none;

}

html {
    background-color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

body {
    margin: 0 auto;
    background-color: #ffffff;
    max-width: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    color: #545454;
    background-color: #ffffff;
    text-align: center;
}

.custom-class {
    text-align: right;
    margin-top:70px;
}

Html

<p class="custom-class"><a href="">Go to the main website</a></p>

answered Jun 13 '15 at 05:54

Aakash Aggarwal

306
2
9

you're a life saver!! just one question how can i move the sentence just a bit to the left – mikeb Jun 13 '15 at 06:03
Just add a `margin-right: 20px;` to the custom class in css. – Aakash Aggarwal Jun 13 '15 at 06:04
man thank you a lot... Can we by any chance open a chat i have just one more question – mikeb Jun 13 '15 at 06:13
Thank you, but how to open a private chat in SO? – mikeb Jun 13 '15 at 06:15
I usually wait for the chat initiation process above the comment section – mikeb Jun 13 '15 at 06:15

Scrambled elements when resizing

1 Answers1