在網頁制作中，經常會使用到圖片文字左右滾動的效果。這種滾動效果可以讓網頁看起來更加動態，吸引用戶的視線。在HTML中實現圖片文字左右滾動的方法如下：

<div id="scroll">
<span>這里是要滾動的圖片和文字</span>
</div>
<style>
#scroll {
width: 300px;
height: 150px;
overflow: hidden;
position: relative;
}
#scroll span {
position: absolute;
top: 0;
white-space: nowrap;
animation: scroll 5s linear infinite;
}
@keyframes scroll {
0%{
left: 100%;
}
100%{
left: -100%;
}
}
</style>

上述代碼中，我們首先創建了一個id為"scroll"的div容器，其中包含了要滾動的圖片和文字。然后，在CSS代碼中，給這個div容器設置了固定的寬度和高度，以及隱藏溢出部分的效果。

接著，我們使用絕對定位將要滾動的圖片和文字放置在div容器中。為了在一行中顯示圖片和文字，我們給span標簽設置了white-space: nowrap屬性，該屬性可以讓文字不換行。

最后，我們使用CSS3的動畫效果，通過@keyframes來實現滾動效果。在這里，我們設定了left屬性，讓圖片和文字按照左移的方向滾動，并在5秒鐘內完成一次滾動。為了讓滾動持續不斷進行，我們使用了infinite關鍵字。