How do I position this text next to my menu?

Question

0.00/5 (No votes)

See more:

The place i want to have it

My css code for the menu shown in the picture:

ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
}
li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
li a:hover {
background-color: #555;
color: white;
}

(I don't know if this is helpful for you)

I don't know how to position my text next to it
Note i do know how to center it.

What I have tried:

I messed around a bit in css but couldn't do it, i started coding about 2 weeks ago so i don't know sh*t so to say....

Posted 25-Oct-18 1:40am

Member 14032474

Updated 25-Oct-18 2:26am

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

W∴ Balboos, *GHB* · Accepted Answer · 2018-10-25T02:27:00

Solution 1

Two things:
1 - until your know enough around here, no one is likely to click any links you supply
2 - Wrap your text in a <div> element and give the element the display=inline-block style.*

There are other solutions, such as using the position style. Even the float style. Finally, if you wrapped the menu and the text two adjacent cells in a table, that would do it, too.

* you may need to put your list in a <div>, as well. Now you'd be putting to div's next to one another - independent of their content.

Posted 25-Oct-18 2:27am

W∴ Balboos, GHB

Updated 25-Oct-18 2:28am

v2

Comments

Member 14032474 25-Oct-18 8:29am

Thanks, it worked. But can't people see it's an imgur link?

W∴ Balboos, GHB 25-Oct-18 8:34am

Well - I didn't know about IMGUR until just now. Don't assume that something very familiar to you is familiar to others. The real point is, however, that a link can be pointing to a malicious website (or one newly compromised by a third party).

Member 14032474 26-Oct-18 7:08am

I'm sorry :( i thought it was well known.

W∴ Balboos, GHB 26-Oct-18 7:22am

Philosophical Interlude:

A few things are all but ubiquitous, like "googling something". On the other hand, the internet is a big place and room for an unlimited number of private views of its world. Still, one becomes familiar with their view and can forget that it is a unique place.

For example - here, at CP - approaching 14 Million members - so one can safely assume that most people have not heard of it. It's all a bit amazing because of the scale, flexibility, and constant change.

So - nothing to be sorry about. In fact, I've been into photography since my pre-darkroom days (B_&W, of course). Not as a collective - my world, but I should get around to more of that. You've supplied me with reference material.