html - Scrambled elements when resizing -


html:

<p style="margin-left:1250px; margin-top:70px;"><a href="">go 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 re-size browser's window "go main website" getting scrambled. help?

see if 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 main website</a></p> 

Comments

Popular posts from this blog

facebook - android ACTION_SEND to share with specific application only -

python - Creating a new virtualenv gives a permissions error -

javascript - cocos2d-js draw circle not instantly -