En principio algo así podría servirte:
Código CSS:
Ver original.contentTitle {
max-width: 1100px;
overflow: hidden;
white-space: nowrap;
}
.contentTitle .title {
display: inline-block;
}
.contentTitle .titleBar {
display: inline-block;
}
No es una cosa muy limpia, ya que si el texto es más largo que el contenedor también desaparecería.
Para evitar eso, podrías cambiarlo por:
Código CSS:
Ver original.contentTitle {
max-width: 1100px;
overflow: hidden;
}
.contentTitle .title {
float: left;
}
.contentTitle .titleBar {
overflow: hidden;
}
Como no especificas un ancho al título, pues se ajusta. Lo que hace
overflow en
titleBar es ajustarse según el contenido que deja el otro elemento, o algo así, porque es una cosa que nunca he entendido porqué funciona, pero lo uso mucho.
