Dzień dobry.
Mam taki problem. Chciałbym uzyskać taki efekt:
Czyli. Mam element blokowy, w którym mam wyjustowany tekst. Pod tekstem chcę mieć kolejny, zagnieżdżony element, w którym chcę mieć 2 linie tekstu:
Powodzenia!
Imię Nazwisko
które będą wyśrodkowane, ale tylko lokalnie
tj. będą wyrównane do prawej z paddingiem, ale poza tym, chcę żeby tekst był wyśrodkowany jak na rysunku. Da się to osiągnąć? Teraz zrobiłem to tak:
<span class="board-title welcome">
<span class="start-regard">Witaj!<br><br></span>
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla<br><br>
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla<br><br>
<span class="end-regard"><span class="inside-end-regard">Powodzenia!<br></span>
Paweł Zenubiusz</span>
</span>
.board-title {
display: block;
width: 100%;
border: 1px solid;
border-radius: 10px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 5px;
}
.welcome {
padding: 10px;
text-align: justify;
}
.start-regard {
display: block;
text-align: center;
}
.end-regard {
display: block;
text-align: right;
padding-right: 100px;
}
.inside-end-regard {
display: block;
padding-right: 20px;
}
Czyli wyrównuję podpis do prawej, daję padding-right: 100px;
a dodatkowo pierwszą linijkę daję padding-right: 20px;
.
Czy da się to zrobić przejrzyściej? Bez zabawy z paddingami?
Dzięki ;)