{"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://coding.global/en/community/coding/html-css/1219690352936484967","headline":"Text Position with Image","author":{"@type":"Person","name":"kyo","url":"https://discord.com/users/833228317301145630","image":"https://cdn.discordapp.com/avatars/833228317301145630/8b95268a5e01e0efa91238d9001c3f2a.webp?size=1024"},"datePublished":"2024-03-19T16:54:00.891Z","url":"https://coding.global/en/community/coding/html-css/1219690352936484967","commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":4}],"text":"How do I make a part of the text go under the image instead of it being only on the side?","comment":[{"@type":"Comment","author":{"@type":"Person","name":"kyo","url":"https://discord.com/users/833228317301145630","image":"https://cdn.discordapp.com/avatars/833228317301145630/8b95268a5e01e0efa91238d9001c3f2a.webp?size=1024"},"datePublished":"2024-03-19T17:00:02.433Z","text":"These are the code I currently have\n\n```\n\n\n\n \n \n \n \n Dinosaurs - T-Rex\n\n\n

\n < Back\n

TYRANNOSAURUS REX (T-REX)

Category: Carnivore
With estimates suggesting it could grow up to 40 feet in length and weigh up to 9 metric.
Tyrannosaurus rex, commonly abbreviated as T. rex, is one of the most well-known and iconic dinosaur species.it was a bipedal carnivore with a massive skull, powerful jaws filled with large, sharp teeth, and relatively short, strong arms.
The first skeleton of Tyrannosaurus rex was discovered in 1902 in Hell Creek, Montana, by the Museum's famous fossil hunter Barnum Brown.

\n \n\n```"},{"@type":"Comment","author":{"@type":"Person","name":"kyo","url":"https://discord.com/users/833228317301145630","image":"https://cdn.discordapp.com/avatars/833228317301145630/8b95268a5e01e0efa91238d9001c3f2a.webp?size=1024"},"datePublished":"2024-03-19T17:00:11.446Z","text":"```\n@import url('https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple');\n@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Poppins', sans-serif;\n text-align: justify;\n}\n\nli {\n list-style: georgian;\n font-size: 1cm;\n}\n\n\nh1 {\n align-items: center;\n display: flex;\n justify-content: center;\n font-size: 2cm;\n background: #000;\n width: 100%;\n color: #fff;\n position: absolute;\n top: 0;\n z-index: -2;\n}\n\nul {\n position: absolute;\n top: 18vh;\n left: 43vw;\n margin-right: 10px;\n}\n\n.pic {\n top: 18vh;\n position: absolute;\n}\n\n.bck {\n border-radius: 5px;\n padding: 10px 25px;\n background:#a07c50;\n color:rgb(255, 255, 255);\n text-decoration: none;\n font-weight: bolder;\n position: absolute;\n top: 35px;\n left: 5px;\n}\n```"},{"@type":"Comment","author":{"@type":"Person","name":"Deleted User","url":"https://discord.com/users/456226577798135808","image":"https://cdn.discordapp.com/embed/avatars/3.png"},"datePublished":"2024-04-07T20:06:25.239Z","text":"use z-index for doing that if u want for example the text to be on top use z-index 999 or something and the text and image a lower amout of z-index and put it where u want"}],"image":"https://cdn.discordapp.com/attachments/1219690352936484967/1219690353515434134/image.png?ex=699f2929&is=699dd7a9&hm=4b0748fb384ff9f836b16be139012fe7e84a0531da4b98f55192198840cbc613&"}

Text Position with Image

Replies (4)