在網頁開發中，我們經常需要在頁面上展示代碼，比如html、css、javascript等。為了讓代碼更加清晰易懂，我們可以使用pre標簽來展示代碼，并將代碼文字浮動到左邊。
為了實現這個效果，我們需要給pre標簽加上一些css代碼。具體做法如下：
首先，在css文件中定義pre標簽的樣式：
```
pre {
padding: 10px;
background-color: #f7f7f7;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 14px;
line-height: 1.5;
overflow-x: auto;
}
pre code {
display: block;
float: left;
margin-right: 10px;
}
```
在這段代碼中，我們對pre標簽設置了一些樣式，比如padding、background-color、border等，這些都是為了讓代碼更加美觀易讀。另外，我們還將pre中的code標簽設為了塊級元素，并將其浮動到左邊，這樣代碼就能夠完美地浮動到左邊了。
接下來，我們就可以在html文件中使用pre標簽來展示代碼了。具體做法如下：
```
下面是一段css代碼：
body {
background-color: #f7f7f7;
font-family: Arial, sans-serif;
font-size: 16px;
}