如何将两个段落的图像对齐在同一行?

问题描述 投票:0回答:1
css flexbox display
1个回答
0
投票

将所有段落移至一个 div 中,并使用该部分中的弹性框来满足您的要求。

h1 {
        text-align: center;
    }

    body {
        background-color: ;
    }

    img {
        width: 25%;
        height: 25%;
        display: inline-block;
    }

    p {
        margin-top: 0;
    }

    section {
        display: flex;
    }
<body>
    <h1>Un importante temporal
    </h1>
    <section>
        <div>
            <p>Hoy hubo un temporal importante en la Ciudad de Buenos Aires y provincia. En lo personal estoy sin internet, por suerte con luz. Espero a pesar de la lluvia ver a mi amigo hoy, que me visita; vamos a compartir un café. No sé bien a dónde iremos, pues la inflación está haciendo estragos en el país, las pensiones, las jubilaciones, los salarios no crecen como deberían.</p>
            <p>En Buenos Aires la historia del verano es casi siempre la misma. Mucha humedad, mucho calor; luego una gran tormmenta. Parece las crisis cíclicas del capitalismo. Es triste, porque muchos sufren estas crisis y otros están preparados para sacar una buena tajada. En este momemento estoy leyendo "La Era del Capital, 1848-1875" de Eric Hobsbawm, justamente narra un poco esta cuestión. Puedo decir que es un libro muy recomendable, se lee fácil. Considero que Eric era un gran hombre, además de un gran historiador. Él se oponía a una sociedad meritocrática. Es una pena, realmente que ya no lo tengamos entre nosotros.</p>
        </div>
        <img src="imgs/smartOwl.jpg">
    </section>
</body>

使用flex后,您可以根据需要将图像移动到顶部、中心和末端等不同位置。

© www.soinside.com 2019 - 2024. All rights reserved.