Выравнивание текста внутри div

Question

В приведенном ниже коде

 var panel=<div name="panel" id="panel" style="display:inline;position: absolute; margin-left: auto;margin-right:auto;left: 0;right: 0;width:350px;height: 100px;filter:alpha(opacity=50);">testfield1</div>' ;
  panel = panel + '&nbsp&nbsp<div id ="name" style="display:inline;position: absolute; margin-left: auto;margin-right:auto;left: 350px;right: 0;width:750px;height: 100%;border-color:black;">
        panel = panel + 'This is a test</div>

Текст «Это тест» появляется в нижней части div, тогда как «testfield1» появляется в центре. Как сделать так, чтобы оба фрагмента текста были встроены друг в друга?

Спасибо.

Answer 1

Это слишком ЧИТАЕМЫЙ.

Несколько указателей из того, что я МОГУ видеть

Используйте класс StringBuilder вместо объединения всех этих строк

System.Text.StringBuilder sb = new System.Text.StringBuilder()

sb.Append(@"<div id=""panel"">");

...

string panel = sb.ToString();

Не думаю, что вам нужно добавлять атрибут name к вашим элементам div, обычно достаточно идентификатора

Разделить стили в отдельную таблицу стилей (css) и избавиться от всего ненужного без прерыванияпробелы

В вашем css вы хотите что-то вроде

div#panel
{
    display: inline;
    position: absolute;
    ...
}

    div#panel #name
    {
        display: inline;
        position: absolute;
    }

Также комбинируйте стили, где вы можете, например, вышеприведенное можно переписать как

div#panel, div#panel #name
{
    display: inline;
    position: absolute;
    ...
}

Poeple сможет помочь вам отладить ваш CSS