保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
回到html代码页面，在bg-img类里添加background-position: center的样式。
保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
CSS使网页背景图片居中的三种方法。
1、第一种：用像素设定，很多都用这种，但是也是最麻烦的： 2、第二种：用50%设定，很方便。 3、第三种：用center设定（注：第2个center可以省略，因为默认就是center）。
; /*背景图片*/background-repeat:no-repeat; /*背景图片不重复*/background-position:center top; /*水平居中，垂直顶对齐*/
方法很多，看你怎么用
1、text-align：right；搭配空字符来实现图片右居中
3、position:absolute/relative/fixed；通过设置定位的位置实现。
4、复合方式实现，例如在图片前面搭配一个
您好，您可以使用css代码，具体如下：
新建一个HTML文件，命名为test.html。
编写代码，使用div布局两行文字，并给每个div一个class，用于下面CSS样式的布局。
使用css对div进行布局。首先，给最外面的div一个固定宽度，并居中，为了方便测试，给div一个灰色背景。
然后，将所有文字使用text-align：center进行居中，需要注意的是，每行文字的div必须使用width:100%进行宽度控制，铺满整个div才有可能进行对齐方式的设置。
最后，对第二行文字使用text-align:left单独设置左对齐，实现想要的效果。
可见，实现了css文字居中后第二行文字左对齐的效果。关键之处是对第二行文字进行单独设置，进行左对齐，就可以实现效果。