Help with Layout, Cant get text to be next to my menu? |
Help with Layout, Cant get text to be next to my menu? |
riffslayer68 |
Feb 22 2023, 05:54 PM
Post
#1
|
Group: Members Posts: 3 Joined: 22-February 23 From: canada Member No.: 28,817 |
im fairly new to coding, trying to make a little website and i just cant figure it out. google isnt any help as i dont really know WHAT
to search. here is my code: CODE <!DOCTYPE html> <html> <head> <title> my title </title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .content { max-width: 600px; margin: auto; background: #090909; padding: 10px; } .vertical-menu { width: 100px; } .vertical-menu a { background-color: #2f2f2f; color: black; display: block; padding: 0px; border:2px solid black; text-decoration: none; } .vertical-menu a:hover { background-color: #484848; } .vertical-menu a.active { text-align:center; background-color: #2f2f2f; color: yellow; } a:visited { text-decoration: none; color: yellow; } </style> </head> <body> <div class="content"> <div class="vertical-menu"> <a href="#" class="active">My Stuff</a> <a href="https://link">link</a> <a href="https://link">link</a> <a href="https://link">link</a> <a href="https://link">link</a> <p> this is my text! </p> </div> </div> </body> </html> i attached an image of what id like it to look like, any help would be appreciated. thank you! |
Lo-Fi Version | Time is now: 19th May 2024 - 05:43 PM |