When an item in my bulleted list is long enough to wrap, I need the wrapped part to line up on the left with the first line, starting to the right of the bullet, rather than starting underneath the bullet.
How can I achieve this?
At the moment I've got the following code.
CSS and HTML
.row2 {
padding: 20px 20px 5px 20px;
height: auto;
overflow: hidden;
max-width: 500px; }
.red-square-5 {
width:5px;
height:5px;
background:#f00;
display:inline-block; }
<div class="row2">
<p><div class="red-square-5"></div> Long long long long long long long long long long long long long long long long long long long long long long long long long title</p>
</div>
Question&Answers:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…