Css 定位偏离侧面的元件？

我试图使“花盆”文本中心对齐，但它不会工作。我不知道为什么。也许是

/code>元素让一切变得疯狂，但我认为这不会有什么不同。这是我的代码：
@导入url(http://fonts.googleapis.com/css?family=Lobster+二:400(斜体);；
身体{
宽度：100%；
背景色：#B10DC9；
溢出-x：滚动；
右：0；
}
img{
左侧填充：10px；
宽度：50px；
z指数：0；
浮动：左；
}
代码{
位置：绝对位置；
排名：0；
颜色：白色；
z指数：0；
浮动：左；
宽度：100%；
}
#引子{
背景颜色：蓝色；
文本对齐：居中；
宽度：100%；
填充：0px；
位置：固定；
z指数：0；
}

花盆
将
左侧：0
添加到
code

code {
  position: absolute;
  top: 0;
  color: white;
  z-index: 0;
  float: left;
  width: 100%;
  left: 0;
}

修改选择器
code
样式并添加
left:0样式。您可以得到您的结果。
添加
左：0至
代码
-