# How to place \<div class"upperbuttons"\> 250 pixels to the right?

**URL:** <https://forum.kirupa.com/t/how-to-place-div-class-upperbuttons-250-pixels-to-the-right/328427>\
**Category:** Uncategorized\
**Created:** [May 16, 2012, 12:44pm UTC](https://forum.kirupa.com/t/how-to-place-div-class-upperbuttons-250-pixels-to-the-right/328427 "2012-05-16T12:44:23Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![multimediamkt](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@multimediamkt](https://forum.kirupa.com/u/multimediamkt)\
**Post date:** [May 16, 2012, 12:44pm UTC](https://forum.kirupa.com/t/how-to-place-div-class-upperbuttons-250-pixels-to-the-right/328427/1 "2012-05-16T12:44:23Z")

</div>

How to place the buttons of upperbuttons class some pixels to the right , so that to avoid be  
overlapped by the logo image ?  
What do I have to add to the class .upperbuttons {right:332px; … in order to place the div on which the buttons are  
200 pixels to the right ?  
Thanks  
…  
\<body\>  
\<div class=“main”\>  
\<!–===========H E A D E R=================================–\>  
\<header\>  
\<div\>  
\<h1\>\<a href=“index.html”\>

\<!-- L O G O --\>  
\<img src=“images/logo.jpg” alt=""\>\</a\>\</h1\>  
\<!-- / L O G O --\>  
\<div class"upperbuttons"\>  
\<a href="#" class=“button”\>Instituto\</a\>  
\<a href="#" class=“button”\>Instituto\</a\>  
\</div\>  
\<div class=“social-icons”\>  
\<span\>social networks\</span\>  
\<a href="#" class=“icon-3”\>\</a\>  
\<a href="#" class=“icon-2”\>\</a\>  
\<a href="#" class=“icon-1”\>\</a\>  
\</div\>…