How to make the width of the top block depending on the content?

Question

css

I have a #background block:

#background {
  background-color: red;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

Above this block is another #text div:

#text {
  position: relative;
  z-index: 1000;
  background-color: black;
  color: #fff;
  text-align: center;
}

<div id="background"></div>
<div id="text">Текст</div>

How to make #text width be based on its content? As a result, it takes up the entire width and overlaps #background.
Demo is here.

Answer 1

Add to him
display: inline;

Answer 2

You can use em units, set the width as a percentage

Answer 3

I liked Andrew Troelson's book. I think it fits

Answer 4

Microsoft's book co-authored with intuit, C# for high school students is a great start.
And then Troelsen.

Answer 5

work on more theory and bases on algorithms and OOP, since you are at school again and again C #, and then take on this language. the classic C for the base will also work, but not deep, C ++ is also in principle, but not deep.

Answer 6

tasks at least half evenly

Answer 7

Learn English, at least to the level of free reading MSDN

Answer 8

I just also started studying C#, I study from the book by Andrew Troelson "The C# 5.0 Programming Language and the .NET 4.5 Platform", and also by Flenov "The C# Bible". Everything is clearly laid out. I like the first one better.

Answer 9

padabum.com/d.php?id=352
I learned from it, consider it my desktop :) Only under the 4.0 version of the language.

Answer 10

Books for learning C#/.NET
An extensive article on this topic.

Answer 11

Well, there are a million questions. the answer is always the same - with the creation of applications. The first - as in all textbooks: a calculator. Then a converter, an alarm clock, a matrix. And then you will see that you can do it more difficult .....

Answer 12

"Learning C#" E. Stillman, J. Green