在圖片加個padding-top:5px屬性試試
<imgsrc="xxx.gif"alt="xxx"style="padding-top:5px"/>
Ⅱ html5怎麼把文字放在圖片右上腳
需要准備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的<body>標簽中,輸入html代碼:<img src="small3.png" /><span>hello image</span>。
3、瀏覽器運行index.html頁面,此時成功在圖片右邊寫了文字「hello image」。
回答於 2022-11-16
搶首贊
Ⅲ HTML中怎樣在圖片的右邊顯示文字
那你需要把圖片和文字都放在同一行。
使用行內塊:給兩個h2都加上display:inline-block;前提是寬度能夠容納這兩個盒子。
使用浮動:給兩個h2都加上float : left | right;
使用定位:都加上position:absolute,通過修改left | right | top | bottom來排版。如果你想有自定義右邊的位置,可以用這個方法。
或文字不用塊級元素包裹。
Ⅳ 用HTML如何把文字插到圖片的右邊
設置文字和圖片的float 浮動屬性,就能實現這個效果。文字浮動的右邊float:right;圖片浮動到左邊float:left;控制好左右兩邊的寬度設置空間。
Ⅳ html 文字 在圖片右邊顯示
圖像文字對齊
<img align=#> #=top, middle, bottom
例子:
<img src=URL align=top> 網路
顯示為:
圖片 網路
Ⅵ HTML中如何讓左側是一列是文字,右側放一張圖片呢
選擇使用非塊級元素(行內塊或者行內元素)就行了,或者將塊級元素設置為非塊級元素即可(即display:line-block;或者display:line;)。這里給你個示範:
拓展:塊級元素,行內塊元素,行內元素的區別
Ⅶ html怎樣在圖片右側寫文字
1、首先先准備圖片素材和文字語言。
Ⅷ html+css 左邊是圖片,右邊是文字
<p><img src="圖片路徑" width="100" height="100" style="float:left;" />這是一段文字</p>