Cómo colocar bloques juntos?

[fandi_89]

Lo he probado y me funciona mal :(
lo que hace es esto:

he probado de las dos formas que pone en la página que me sugeriste, tanto en una como en otra no realiza el efecto deseado.
Pongo el código html de esa sección y los css asociados por si ayuda

Código HTML:

<div id="news">
        <div class="noticia"><p>Este curso ha sido concebido como una introducción al diseño de
aplicaciones Web en HTML5, tanto de tipo genérico como para Firefox
OS. Sus contenidos tienen como objetivo capacitar para la programación
y el diseño de aplicaciones, utilizando HTML5, CSS y JavaScript.
        <div class="noticia"><p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
        <div class="noticia"><p>Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
    </div>
 

CSS:

Código CSS:

#news {
    width:800px;
    margin: 0 auto;
    }
    
#news div {
    height:100%;
    width:370px;
    padding:5px;
    border-radius:15px;
    background-color:rgba(255,255,255,0.3);
    }
    
#news div p {
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:white;
    text-shadow:#000000 2px 2px;
    }