¿Qué CSS se requiere para mostrar la etiqueta del editor y el campo del editor con una disposición horizontal?

Question

lo que la aplicación MVC por defecto tiene el siguiente CSS (en Site.css) -

/* Styles for editor and display helpers 
----------------------------------------------------------*/ 
.display-label, 
.editor-label 
{ 
    margin: 1em 0 0 0; 
} 

.display-field, 
.editor-field 
{ 
    margin:0.5em 0 0 0; 
} 

.text-box 
{ 
    width: 30em; 
} 

.text-box.multi-line 
{ 
    height: 6.5em; 
} 

.tri-state 
{ 
    width: 6em; 
} 

¿Qué cambios son necesarios? Gracias

Answer 1

Esta es una pregunta CSS. Lo que está buscando es la propiedad llamada display: inline-block.

Lo que esto hace establecer el elemento como un bloque, pero no pone un salto de página después y antes del elemento como block haría.

.display-field, 
.editor-field 
{ 
    display: inline-block; 
    margin:0.5em 0 0 0; 
}