CODEWITHSUNDEEP
htmlimagerowblock
pittgi
pittgi

Reputation: 53

HTML just an image in a row

Im currently moving a blog from one site to another. The problem: sometimes the images wont display as on the old blog. An image should block the row from text. As I am just the Conent-Manger, Im not allowed to change the .CSS. See here:

new blog (where its wrong): https://boasblogs.org/humboldt/what-do-we-know-when-we-see/

old blog (how it should look like): https://blog.uni-koeln.de/gssc-humboldt/was-wissen-wir-wenn-wir-sehen/

My code currenty looks like this:

<img class="aligncenter size-full wp-image-1261" style="display: block;" src="https://boasblogs.org/wp-content/uploads/2018/04/Abb.1.jpg" alt="" height="820" />

<p style="text-align: center;"><em>Img. 1: Unkown Artist, August the Strong as Chief of Africans,
1709, SKD, Exhibition "Global Players".</em></p>

The exhibition “Miniatur Geschichten” was built around two collections of Indian miniature albums, one of which had belonged to the Indologist August-Wilhelm Schlegel, and that had hibernated in the museum vaults for over two centuries.<a href="#_edn6" name="_ednref6">[vi]</a>

<img class="aligncenter wp-image-1262 size-full" src="https://boasblogs.org/wp-content/uploads/2018/04/Abb.2.jpg" alt="" height="700" />

<p style="text-align: center;"><em>Img. 2: Unkown Artist, Audience</em> (darbar)<em> of Great Mogul Aurangzeb, Dekkan-Mogul, early 18th century, SKD, Exhibition "</em><em>Miniatur Geschichten".</em></p>

<img class="wp-image-1263 size-full aligncenter" src="https://boasblogs.org/wp-content/uploads/2018/04/Abb.3.jpg" alt="" height="981" />

<p style="text-align: center;"><em>Img. 3: Portrait of Vizier Abd-al Jafar Beg, 1688-1689, SKD,
Exhibition "Miniatur Geschichten".</em></p>

Thank you very much for your help!

Upvotes: 0

Views: 58

Answers (2)

user12085130
user12085130

Reputation:

I think you will decrease body margin of your New blog like your Old blog and the height of the images also use float property in images.

Hope it will help you, thank you 😊

Upvotes: 0

jord kuijer
jord kuijer

Reputation: 101

@Peter Gil Delete the float:left on the image, the text will be under the image and you can then center the image.

Upvotes: 1

Related Questions