<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/css" href="style.css"?><books> <book> <bookname>Java Web</bookname> <author>Wang</author> <publishing>QingHua</publishing> <company>MingRi</company> <ISBN>7-302-21033-7</ISBN> <price unit="RMB">69.80</price> <url>![CDATA[http://www.mingribook].com/bookinfo.php?id=227&sid=4]</url> </book> <book> <bookname>DBMS</bookname> <author>Wang</author> <publishing>RenMing</publishing> <company>MingRi</company> <ISBN>7-115-14689-6</ISBN> <price unit="RMB">49.80</price> <url>![CDATA[http://www.mingribook].com/bookinfo.php?id=208&sid=11]</url> </book></books>
author,pulishing,company,ISBN,price{ text-align: center; width: 18%;}
这是什么，在浏览器上看xml？不被识别的html标签好像都会解析为内联元素，而普通内联元素是没有宽度属性的，没有宽度当然内部文本就不会居中，加个background背景色看下就明白了。
加float:left ;会以块状元素解析，块状元素是可以有宽度的，所以就有效果了。
同样的也可以使用display:inline-block;
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
