圖像不是內聯顯示，而是分開顯示

Question

出於某種原因，我設置顯示的圖像與左側或右側對齊，沒有內聯（我的意思是它們沒有被文字包圍，所以實際上被稱爲「內嵌「），而是佔據文本的整個高度，並且文本只在圖像之後繼續存在，與其不一致。請參閱下面的鏈接以瞭解我的意思。 http://alkotab.net/?p=120

內容IMG CSS屬性是：

.content img { 
display: inline !important; 
padding: 5px; 
background: none; 
} 
.content img.alignleft, .content .wp-caption.alignleft { 
float: none; 
display: inline; 
margin: 5px 15px 10px 0; 
} 
.content img[align $='left'] { 
float: left; 
display: inline; 
margin: 5px 15px 10px 0; 
} 
.content img.alignright, .content .wp-caption.alignright { 
float: right; 
display: inline; 
margin: 5px 0 10px 15px; 
} 
.content img[align $='right'] { 
float: right; 
display: inline; 
margin: 5px 0 10px 15px; 
} 

Answer 1

不知道這是你想要的效果，但嘗試從screen.css去除float: right聲明.content p（線814）