The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Help with Layout, Cant get text to be next to my menu?
riffslayer68
post 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. ohmy.gif 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!Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th May 2024 - 05:43 PM