Css kodunda boyut ayarlamak istiyorum

Bir blogspot sitem var ve css kodundaki genişlik kodunu ekleyerek boyutu ayarlamak istiyorum

#credit1{display:block;text-align:left;padding:10px;background:#77bb66;border-top:1px solid #77bb66;border-bottom:1px solid #77bb66;}
#credit,#credit2{display:inline-block;color:#fff;text-align:center;margin:auto;}
#credit a,#credit2 a{color:#fff;}
#credit a:hover,#credit2 a:hover{color:#fff;text-decoration:underline}

kod budur arkadaşlar. Bu kodda şunu düzeltmenizi istiyorum şuan sitedeki görüntüsü şöyle;


Ben şöyle yapmak istiyorum;

yardım ederseniz sevinirim

Yeşil alndaki div'in üstüne belirttiğim gibi container divini ekleyin
https://codepen.io/anon/pen/NLLGwR?editors=1100

Bir değişiklik olmadı

css kodlarını da değiştirdiniz mi?
html kodlarını da paylaşırsanız daha kolay yardımıcı olabilirim

<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<div id='credit1'>
<div id='credit'>
  2018 © <a href='xxx' rel='nofollow' target='_blank' title='xxx'>xxx </a>
  <a>xxx</a>
</div><div style='visibility:hidden'>
<div id='credit2'> Thanks to : <a href='xxx' rel='nofollow' target='_blank' title='Arlina Design'>Arlina Design</a>
 | Redesign by : <a href='xxx' rel='nofollow' target='_blank' title='xxx'>xxx</a> | Thanks to : <a href='xxx' rel='nofollow' target='_blank' title='xxx'>xxx</a>
  </div></div>
</div>
</footer>

Konu Güncel++



Konu Güncel++++ yardımı dokunacak biri yok mu?

https://codepen.io/anon/pen/NLLGwR?editors=1100



Sorununuz çözüldü mü?

#credit1{	display:block;  
			text-align:left; 
			padding:10px;
			background:#77bb66;
			border-top:1px solid #77bb66;
			width:70%; 
			height: 30px;
			margin:0 auto;
			border-bottom:1px solid #77bb66; }

#credit,#credit2{	display:inline-block;
					color:#fff;
					text-align:center;
					margin:auto;	}
#credit a,#credit2 a{color:#fff;}
#credit a:hover,#credit2 a:hover{color:#fff;text-decoration:underline}

/* container */
.container{
  width: 900px;
  margin: 0 auto;
}